让vue项目可通过localhost和IP同时访问，又避免启动打开页面为0.0.0.0的尴尬

1.首先你需要将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的情况 //... }, //... }