vue 跨域问题XMLHttpRequest cannot load http://xxx.xxx No 'Access-Control-Allow-Origin'

26 篇文章 0 订阅
  • 在根目录下建立vue.config.js文件
  • 如下配置:
    方法一:
module.exports = {
 devServer: {
        disableHostCheck: true,
        https: false, // https:{type:Boolean}
        // open: true, // 配置自动启动浏览器
        proxy: 'http://10.139.201.179' // 配置跨域处理,只有一个代理
        }}

*注意:这样配置在请求地址中:
第一:目标url:http://xxx:8001/service/my
第二:在axios的url应该写成:/service/my,前边地址会自动拼接上

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用\[1\]和\[2\]中提到的错误信息是关于CORS(跨域资源共享)策略的问题。CORS是一种浏览器安全机制,用于限制跨域请求。当一个网页向另一个域名的接口发送请求时,如果接口没有正确配置CORS策略,浏览器会阻止该请求。 引用\[3\]中提到的解决过程是通过配置代理来解决CORS问题。在Vue Cli3项目中,可以在vue.config.js文件中配置代理。通过设置代理,将请求转发到目标地址,并在转发过程中添加必要的CORS头信息。 对于问题中的错误信息,可以尝试按照以下步骤解决: 1. 在vue.config.js文件中添加devServer配置,包括设置disableHostCheck为true,指定端口号为82,并配置proxy代理。代理的目标地址应该是'http://api-dashboard.yudao.iocoder.cn',并设置changeOrigin为true,pathRewrite将'/api'替换为'/'。 2. 确保在项目中使用axios发送请求时,将baseURL设置为'/api'。 通过以上配置,应该能够解决CORS问题,并成功发送请求到目标地址。 #### 引用[.reference_title] - *1* [前后端分离跨域问题Access to XMLHttpRequest at ‘http://localhos...has been blocked by CORS policy: ...](https://blog.csdn.net/qq_42416602/article/details/121731774)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Vue代理问题: Access to XMLHttpRequest at ‘http://192.168.1.105:9999/admin/tenant/list‘ from ...](https://blog.csdn.net/q879936814/article/details/115507319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值