vue-cli 局域網可訪問配置

vue-cli 使用官方腳手架搭建以后，本地的config配置已經沒有了，默認打開localhost，無法ip訪問

只要修改項目目錄配置和防火牆配置

1.在項目根目錄下面加一個文件vue.config.js

module.exports = {
    devServer: {
        host: '0.0.0.0', //host改成自己的IP
        port: 8080,
        // 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理
        proxy: null, // string | Object
        before: app => {}
      }
}

 

2.修改防火牆

控制面板

 

 

點擊以后選擇箭頭的三個地方，都分別點開，在圈出來的地方選擇允許

點擊確認

3