欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue开发环境跨域访问问题

程序员文章站 2022-03-10 22:50:51
vue开发环境跨域访问其他服务器或者本机其他端口,需要配置项目中config/index.js文件,修改如下 module.exports = { dev: {...

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/** 便相当于跨域访问了

总结

以上所述是小编给大家介绍的vue开发环境跨域访问问题,希望对大家有所帮助!