vue 2.0以上怎么在手机中运行自己的项目

vue-cli2

第一步 打开vue项目

第二步 打开项目config/index.js文件，然后找到 module.exports 配置里面的 dev 配置，修改字段host:0.0.0.0，改为自己本地网络ip地址

 

第三步 注意输入的ip地址你要注意是你的无线网WLAN的ip还是你电脑本地的ip，不要弄错了

第四步启动项目npm run dev

第五步  让自己的手机和电脑处在同一个网段中 必须是i在相同局域网的相同网段上 否则无法访问到ip

最后在浏览器中输入电脑的ip地址就可在手机上运行自己的项目

vue-cli3

项目根目录下创建vue.config.js文件

插入代码

module.exports = {

    devServer:{

        host:'192.168.0.102',

        port:8080

    }

}

运行项目即可