< 返回技术文档列表

如何解决Vue开发环境跨域访问的问题

发布时间:2021-09-01 02:08:14⊙投诉举报

小编给大家分享一下如何解决Vue开发环境跨域访问的问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

Vue开发环境跨域访问其他服务器或者本机其他端口,需要配置项目中config/index.js文件,修改如下

module.exports = {
 dev: {

  // Paths
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  },

其中主要是加入

 proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  }

这样你通过axios 或fetche访问  /api/** 便相当于跨域访问了 http://192.168.1.99:8080/

以上是“如何解决Vue开发环境跨域访问的问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注血鸟云行业资讯频道!


/template/Home/Zkeys/PC/Static