vue-cli 2.x和3.0正向代理跨域

最新推荐文章于 2023-09-08 23:35:09 发布

原创最新推荐文章于 2023-09-08 23:35:09 发布 · 972 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue cli #跨域 #webpack #config.js

vue 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在Vue CLI 3.0中手动添加vue.config.js文件进行配置，包括设置端口号、主机名、HTTPS、自动启动浏览器及跨域处理等关键信息，对比了Vue CLI 2.x的配置方式。

vue-cli3.0 需要自己去手动添加vue.config.js文件

//vue-cli 3.0中
 devServer: {
    port: 8080, // 端口号
    host: 'localhost',
    https: false, // https:{type:Boolean}
    open: true, //配置自动启动浏览器
    // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
    proxy: {
        '/api': {
            target: 'http://localhost:3000',
            ws: true,
            changeOrigin: true
        }
    },  // 配置多个代理
}

//vue-cli 2.x dev中
proxyTable: {
      '/api': {
        target: 'http://localhost:3000/',
        // pathRewrite: {
        //   '^/api': ''
        // }
      }
    },