vue-cli 构建的 Vue 项目用 localhost 加 端口 能访问,但是切换到 ip 加 端口 就不能访问

Posted zhourongcode

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 构建的 Vue 项目用 localhost 加 端口 能访问,但是切换到 ip 加 端口 就不能访问相关的知识,希望对你有一定的参考价值。

问题出在 webpack 的配置

在 config 文件夹下, 找到 index.js 目录, 找到如下代码

 host: ‘localhost‘, // can be overwritten by process.env.HOST

改 localhost 为 0.0.0.0 即可

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

重启服务器即可生效。

以上是关于vue-cli 构建的 Vue 项目用 localhost 加 端口 能访问,但是切换到 ip 加 端口 就不能访问的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli 构建vue项目

vue-cli构建项目常见问题记录

Vue实战Vue-cli项目构建(Vue+webpack系列之一)

Vue实战Vue-cli项目构建(Vue+webpack系列之一)

vue-cli 构建的 Vue 项目用 localhost 加 端口 能访问,但是切换到 ip 加 端口 就不能访问

webpack入门——构建简易版vue-cli