今天在学习组件化的时候,写了个小东西,想让别人看看,结果发现只有localhost
链接
最后查找了一番资料,解决了这个问题,在这里记录一下。
解决方法
-
首先找到
vue.config.js
这个文件,如果没有的话自己在项目目录下创建一个也可以 -
然后将下面这段代码放进去:
module.exports = { configureWebpack: { // other webpack options to merge in ... }, // devServer Options don't belong into `configureWebpack` devServer: { public: '自己的ip:端口号', hot: true, disableHostCheck: true, } };
-
在
devServer
中的public
把自己的ip
和端口号设置好,再重启一下项目就好啦 -
注意: 有个
babel.config.js
包括名字和里面的内容都挺像,但不是在那里设置,必须且只能在vue.config.js
里设置,否则会报错