首页 > 建站教程 > 前端框架 >  vue-cli3+axios跨域问题正文

vue-cli3+axios跨域问题

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”。