Axios使用代理解决后端跨域问题

秒速五厘米 2023-06-30 02:45 10阅读 0赞

1. 将axios 拦截器中的baseURL 替换成\`/api\`![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70][]

2. 在config的文件夹下

![20200114165514505.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70 1][]

加入![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70 2][]

如果不想使用 改回原来的baseURL 即可

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200114165259610.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5,size_16,color_FFFFFF,t_70
[20200114165514505.png]: https://img-blog.csdnimg.cn/20200114165514505.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200114165541347.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/202001141656542.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4OTI5NTg5,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java后端解决跨域问题

0 写在前面因为java后端开发最常用的是springboot嘛，所以记录基于springboot解决跨域问题。在使用springboot进行传参时，需要解决跨域

痛定思痛。/ 2024年03月27日 17:09/ 0 赞/ 100 阅读

相关 Axios使用代理解决后端跨域问题

1. 将axios 拦截器中的baseURL 替换成\`/api\`![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

秒速五厘米/ 2023年06月30日 02:45/ 0 赞/ 11 阅读

相关解决Axios跨域问题（Axios跨域问题解决方案）

问题背景 Axios是不允许跨域访问的，别说跨域，跨端口都不行。例如某项目我本地vue前端frontEnd为`localhost:8889`，Java后台 backEnd

以你之姓@/ 2023年02月25日 08:38/ 0 赞/ 36 阅读

相关 axios请求，跨域问题，设置跨域代理

生成一个vue项目之后，开始写请求，请求数据，渲染到前端界面，有时候直接请求服务器上的接口，会遇到跨域问题，遇到跨域的时候，需要设置跨域代理~ 1：进入新建的项目之中，使用n

今天药忘吃喽~/ 2022年12月22日 00:57/ 0 赞/ 317 阅读

相关后端如何解决跨域问题

> 后端如何解决跨域问题首先我门要知道什么是跨域： > 跨域是指不同域名之间相互访问。跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览

曾经终败给现在/ 2022年11月12日 02:58/ 0 赞/ 238 阅读

相关后端CORS解决跨域问题

后端CORS解决跨域问题参考文章： [（1）后端CORS解决跨域问题][1_CORS] （2）https://www.cnblogs.com/zmc940317/p/1

男娘i/ 2022年09月03日 14:26/ 0 赞/ 232 阅读

相关 axios解决调用后端接口跨域问题

axios解决调用后端接口跨域问题参考文章： [（1）axios解决调用后端接口跨域问题][1_axios] （2）https://www.cnblogs.com/hu

「爱情、让人受尽委屈。」/ 2022年09月03日 14:22/ 0 赞/ 210 阅读

相关【Spring】后端解决跨域问题

什么是跨域? 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。举个栗子： [http://ww

布满荆棘的人生/ 2022年06月11日 01:40/ 0 赞/ 225 阅读

相关 vue+axios 配置反向代理解决跨域问题

首先配置config下的index.js dev: { // Paths assetsSubDirectory: 'static',

叁歲伎倆/ 2022年04月12日 04:37/ 0 赞/ 433 阅读

相关 java后端解决跨域问题

1.java过滤器过滤允许整个项目跨域访问，可通过filter来进行过虑： public class SimpleCORSFilter implements

野性酷女/ 2022年01月05日 04:55/ 0 赞/ 309 阅读