vue项目前端解决跨域问题

设置config/index.js文件

 proxyTable: {
    
    
   '/api': {
    
    
     target: 'http://000.000.0.00:00000', // 你请求的第三方接口
    changeOrigin: true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
     pathRewrite: {
    
      // 路径重写,
    '^/api': ''  // 替换target中的请求地址,也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
    }
    }
 },

axios.js(自己封装的axios文件)


const service = axios.create({
    
    
  baseURL: '/api' //将本地配置的请求地址改为'/api'
 
});

重新启动项目就可以了

猜你喜欢

转载自blog.csdn.net/DevelopmentW/article/details/124423139