Vue 自动打开浏览器 devServer: open: true 地址不正确

Posted 2023-05-03

参考技术A 当你想运行完项目,让他自动打开浏览器的时候,都会按照官方文档 DevServer | webpack , 在vue.config.js 里面加上

但是吧,运行完打开的浏览器地址是 http://0.0.0.0:8080/ 这样的根本不对呀.

解决方案:

这样就能成功打开了,但是 他这个host 属性一设置 Local和Network就变成一样的了

如果想按照之前Network的ip显示的话写成这样

这样 你的 Local 和 Network 就都变成ip了.

vue devServer proxy 代理无效的问题

在vue.config.js中，设置

module.exports = {
  publicPath: ‘/app‘,
  devServer: {
    proxy: {
      ‘/test‘: {
        target: ‘http://localhost:88‘,
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          ‘^/test‘: ‘/‘, // rewrite path
        },
      }
    }
  }
}

axios中

this.axios.post(‘/test‘).then(value => {
        console.log(value);
      })

　　这样设置后，却访问不到，原因是，后台也要有 test字段，  这样设置后，后台访问的URL为： http://localhost:88/test  ,而不是  http://localhost:88