Vue跨域访问其他服务器要做什么配置-群英

上一篇：JS中窗口对象的相关知识和常见操作有哪些下一篇：浅谈字符串的扩展，字符串新增方法有哪些

今天这篇给大家分享的知识是“Vue跨域访问其他服务器要做什么配置”,小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享发大家做个参考，希望这篇“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跨域访问其他服务器要做什么配置的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

标签： Vue跨域

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：JS中窗口对象的相关知识和常见操作有哪些下一篇：浅谈字符串的扩展，字符串新增方法有哪些