做页面的时候, 有时候有项目需要, 需要使用手机访问开发的网页, 普通的项目的话通常使用 phpstudy 建立服务器, 手机通过局域网访问, 但今天测试的时候发现 vue-cli 构建的项目用手机却无法访问.
经过度娘后知道:
在根目录的 config 的 index.JS 下改如下代码:
- module.exports = {
- dev: {
- // Paths
- assetsSubDirectory: 'static',
- assetsPublicPath: '/',
- proxyTable: {},
- host: '0.0.0.0', // 将此处 localhost 修改为 '0.0.0.0',0.0.0.0 意义相当于 *, 表示所有
- port: 8080,
- autoOpenBrowser: false,
- }
- }
将 host 的 localhost 改为'0.0.0.0', 即可通过手机访问
来源: http://www.jianshu.com/p/8cf9ed6fef16