vue 通过localhost和ip进行访问项目配置

首先你需要将config/index.js中的host修改为0.0.0.0

module.exports = {
  dev: {
    //...
    host: '0.0.0.0',//将 host设置为 0.0.0.0
    port: 8080, //端口号,自定义
    autoOpenBrowser: true,
    errorOverlay: true,
    notifyOnErrors: false,
    poll: false, 
    //...
  },
  //...
}

2.在build/webpack.dev.conf.js的WebpackDevServer中配置useLocalIp: true（有可能写法会不一样，我这里是devWebpackConfig 下的devServer），这样打开页面就会是ip:port的形式，同时你也可以通过localhost:port或127.0.0.1:port打开页面。

const devWebpackConfig = merge(baseWebpackConfig, {
  mode: 'development',
  devtool: config.dev.devtool,
  //...
  devServer: {
    useLocalIp: true,//避免打开浏览器为0.0.0.0，需手动改IP的情况
    //...
  },
  //...
}