当前位置： 云海天教程网 > 技术新闻 > 编程最新 > 正文

Vue开发环境跨域访问问题

  • 作者：佚名    来源： 网络转载
  • 时间：2020-01-22

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开发环境跨域访问问题，希望对大家有所帮助！