• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > vue教程,AngularJS教程 >  vue-cli3+axios跨域问题正文

vue-cli3+axios跨域问题

作者:网页模板
类型:文章教程
点击次数:
发布时间:2019-07-26 17:20
分享到:
vue-cli3+axios调用接口,出现了跨域问题,百度找了很多都是说修改config文件夹下的index.js文件,在proxyTable中加上某某代码,但是vue-cli3根本没有config代码,必须手动创建,所以,首先在根目录创建vue.config.js文件,这个文件放的内容就是vue-cli的配置:
"use strict";
//自定义配置
module.exports = {
  //打包路径修改
  publicPath:'./',
  //接口代理
  devServer: {
    https: false,
    proxy: {
 //系统接口
 '/aaa': {
 target: 'http://60.173.242.198:8083',//代理接口
 changeOrigin: true,
 ws: true,
 pathRewrite: {
 '^/aaa': ''//代理的路径
 }
 },
    }
  },
};
其次、将调用的接口地址中与上面target重合部分去了,如原来是“http://60.173.242.198:8083/open/api/tokenL/get”,现在换成“/aaa/open/api/tokenL/get”,即可解决跨域问题了。在真实获取数据时,接口地址“/aaa/open/api/tokenL/get”里面的”/aaa"将会被替换成“http://60.173.242.198:8083”,最终组合为“http://60.173.242.198:8083/open/api/tokenL/get”。
(责任编辑:网页模板)
  • 本文标签:
  • axios跨域
关于vue路由生成的当前高亮class名router-link-exact-active的更改
vuex-persistedstate持久保存vuex数据,刷新也不怕