Vue-cli 4.5.13 跨域配置

爱喜剧的魔王

于 2022-06-06 17:13:40 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/orz_include/article/details/125150566

在Vue-cli4.5.13版本中，解决跨域问题可以通过配置config/index.js文件实现。具体操作是在dev下的proxyTable进行设置，如将'/api'的请求代理到'http://XXXX:YYY/'，启用ws支持，开启跨域，并重写路径。这有助于前端开发者在开发阶段顺利进行API调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue-cli 4.5.13 跨域配置

按照路径找到 项目/config/index.js文件，在dev下的proxyTable中进行配置


const path = require('path')
module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // ==================
    // 这里配置
    proxyTable: {
      '/api': {
        target: 'http://XXXX:YYY/',
        ws: true,
        changOrigin: true,
        pathRewrite: {
          '^/api': ''
        },
        // logLevel: 'debug'
      }
     // =================
    },
	.......
  },
 ......
}