zoukankan      html  css  js  c++  java
  • vue项目使用webpack构建的本地服务环境,在手机上访问调试

    使用vue脚手架构建的项目,一般在本地localhost运行,配合浏览器的模拟调试工具开发。

    如果想看真机环境,又不想build到线上。

    webpack能配置电脑本地内网环境指向公网访问的!

    1、打开项目的package.json文件,修改里面的script里面的dev

    "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.100",//就是在原有的基础上在后面加上了 --host就是自己的电脑IP;"start": "npm run dev",
       "build": "node build/build.js" 
    },

    #可以打开cmd控制台,输入ipconfig,查看自己的电脑ip;

    2、修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑ip地址;

    在config文件里面修改

    host: 'localhost', // 把这个也改为你电脑的ip 例:192.168.0.100
    port: 8080,
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, 

    3、关闭自己的电脑防火墙;

    如果不关防火墙,访问不了(#控制面板-->系统和安全-->window防火墙-->)

    4、重新启动该项目;

    手机上访问你电脑ip,端口号不要忘了加!

    编译器修改后 手机上同样也会及时同步的,

    更新:vue-cli3.0+ 自带了这个功能

  • 相关阅读:
    对于delphi 三层的理解
    XE6调用android标准功能
    修复 XE7 Frame 内 PopupMenu 快捷键失效问题 by 龟山阿卍
    最大熵模型 二
    最大熵模型
    算法复习-平面内极大值点
    算法复习-生成全排列
    算法复习-归并排序
    算法复习-快速排序
    连续特征的离散化
  • 原文地址:https://www.cnblogs.com/tuspring/p/10789735.html
Copyright © 2011-2022 走看看