Vue项目局域网访问

1,690 阅读1分钟

Vue项目局域网访问

vue-cli项目创建之后后端想通过局域网访问,然后进行项目调试。
第一步:

把config文件夹里面的index.js里面的dev开发配置的host设置为 host: "0.0.0.0"

第二步:

在build文件夹里面webpack.dev.conf.js里面的 devServer 加一个字段:disableHostCheck: true,

//在 config -> index.js
dev: {
    host: "0.0.0.0",
    port: 2019
}
//在build -> webpack.dev.conf.js
devServer: {
    disableHostCheck: true,
}

然后 yarn run dev即可

前端跑项目:

绑定host: 127.0.0.1 a.com 运行:a.com:2019

后端跑项目:

绑定host: 前端IP a.com 运行:a.com:2019