Vue项目局域网访问

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