vue3.0 proxy设置署理不成功

一.设置proxy

  起首在项目中创建vue.config.js
  注意在ts情况下仍为js末端
  项目配置详情如下：

1. module.exports ={
2.   devServer: {
3.     open: false, // 是否自动弹出浏览器页面   
4.     proxy: {
5.       '/api': { // '/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的
6.         target: "http://localhost:3000", //目标地址，一般是指后台服务器地址
7.         changeOrigin: true, // 是否跨域
8.         ws: true, // 是否代理 websockets
9.         secure: false, // 是否https接口
10.         // pathRewrite: { // pathRewrite 的作用是把实际Request Url中的'/api'用""代替 如果有则不需要此属性
11.         //   '^/api': "/api"
12.         // }
13.       }
14.     }
15.   }
16. }

复制代码

二.问题出现

  结果运行依然报错
                         三.办理方案

  末了还是出现在axios的默认根本路径的配置和署剃头生了辩论，署理本身是将请求根本路径署理到目标根本路径
  比如:
  项目根本路径是http:localhost:8080
  axios 根本路径却设置为http:localhost:3000,
  署理目标路径为：http:localhost:3000
  此时项目启动仍旧报错跨域
                         
  所以axios的根本路径要么设置为项目启动路径http:localhost:8080要么设置为空
                         此时问题办理
                         
  

来源：https://blog.csdn.net/weixin_48813932/article/details/129668333
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！