升级到新版的 vue-cli 的两个问题

只能使用localhost访问,无法使用ip访问

关于这个问题,其实是因为 webpack 导致的,因为我们使用 vue-cli 来构建项目的时候,一般都会选择使用的模版是 webpack 。

这次 webpack 升级后,导致 /config/index.js 里面的配置项多了几项。

其中一项就是 dev 中多了:

host: 'locahost', // can be overwritten by process.env.HOST

这个配置项有一个好处,就是局域网内的其他设备,无法访问你的开发项目。(或许你也不想让别人看到)。

但现在,我想用局域网内其他设备来访问怎么办?
很简单,把 localhost 改成 0.0.0.0

host: '0.0.0.0', // can be overwritten by process.env.HOST

然后重启项目
这样就 OK 啦~

手机访问时,只显示title不显示内容

当我想用手机来访问一下的时候,看到一片空白,只有 title 。

解决方案:
修改 /config/index.js 里的 devtool 。

将默认的 eval-source-map 改为 inline-source-map

然后,重启项目就可以了。


具体原因:
webpack sourcemap 选项多种模式的一些解释

---------------------------(正文完)------------------------------------
一个前端的学习交流群,想进来面基的,可以点击这个logoVue学习交流,或者手动search群号:685486827


写在最后: 约定优于配置-------软件开发的简约原则.
-------------------------------- (完)--------------------------------------

我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu

更多学习资源请关注我的新浪微博…

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值