vue项目开发如何解决跨域问题

vue项目开发如何解决跨域问题,下面编程教程网小编给大家详细介绍一下如何通过proxy配置跨域代码!

找到vue.config.js文件,在proxy中设置跨域代码:

devServer: {
  proxy: {  //配置跨域
    '/api': {
      target: 'http://192.168.0.11:8001/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
      changOrigin: true,  //允许跨域
      pathRewrite: {
        '^/api': ''  //重新路径
      }
    },
  }
},

如果找不到vue.config.js文件,新建一个~

以上是编程学习网小编为您介绍的“vue项目开发如何解决跨域问题”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue项目开发如何解决跨域问题

基础教程推荐