Vue里採用XMLHttpRequest跨域問題

「爱情、让人受尽委屈。」 2024-04-19 15:22 58阅读 0赞

net.後臺程序添加,這些方法

context.Response.AddHeader("Access-Control-Allow-Origin", "*");
    context.Response.AddHeader("Access-Control-Allow-Credentials", "true");
    context.Response.AddHeader("Access-Control-Allow-Headers", "X-Requested-With");
    context.Response.AddHeader("Access-Control-Allow-Methods", "GET, PUT, POST, DELETE");

除了IE瀏覽器,其他瀏覽器測試時,依然報錯Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

const xhr = new XMLHttpRequest()

xhr.open('post', 'http://localhost:50012/handles/lrSchedules.ashx?action=uploadScript', true)

xhr.send(formData)

解決方案是在Vue項目里config/index.js的配置proxyTable項

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70][]

proxyTable: {
          '/url': {
            target: 'http://localhost:50012/handles/lrSchedules.ashx', // 后端接口地址
            changeOrigin: true, // 是否允许跨越
            pathRewrite: {
              '^/url': '/'
            }
          }
        },

請求是採用 xhr.open('post', '/url?action=uploadScript', true)

配置完成后 vue項目需要重新npm run dev

參考[https://blog.csdn.net/Fabulous1111/article/details/78715544][https_blog.csdn.net_Fabulous1111_article_details_78715544]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/ddf4abd3ca704a40991abea008dd1177.png
[https_blog.csdn.net_Fabulous1111_article_details_78715544]: https://blog.csdn.net/Fabulous1111/article/details/78715544

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue里採用XMLHttpRequest跨域問題

et.後臺程序添加,這些方法 context.Response.AddHeader("Access-Control-Allow-Origin", "*"); ...

「爱情、让人受尽委屈。」/ 2024年04月19日 15:22/ 0 赞/ 59 阅读

相关 vue 跨域

在重写了axios和baseUrl的情况下想访问另外域名下的接口时,配置proxTable后可以在接口调用模块直接import axios而不使用重定义axios;如axios

￡神魔★判官ぃ/ 2023年06月22日 13:46/ 0 赞/ 26 阅读

相关 oracle25用户和但cpu,ORACLE常用傻瓜問題1000問(之一)

大家在應用ORACLE的時候可能會遇到很多看起來不難的問題, 特別對新手來說, 今天我簡單把它總結一下, 發布給大家, 希望對大家有幫助! 和大家一起探討, 共同進步! 對O

痛定思痛。/ 2023年01月18日 11:26/ 0 赞/ 140 阅读

相关 Vue--跨域

原文网址：[Vue--跨域\_IT利刃出鞘的博客-CSDN博客][Vue--_IT_-CSDN] 方案1：webpack 其他网址 > [VUE axios 跨域问题

我会带着你远行/ 2023年01月10日 09:58/ 0 赞/ 321 阅读

相关 elementui源碼解讀-問題7 SCSS問題

異常 Module build failed (from ./node\_modules/sass-loader/dist/cjs.js): SassError: Und

我不是女神ヾ/ 2022年12月24日 06:54/ 0 赞/ 182 阅读

相关 elementui源碼解讀-問題6 vue-loader異常

1異常 Module build failed (from ./node\_modules/vue-loader/index.js): TypeError: Cannot

清疚/ 2022年12月24日 05:57/ 0 赞/ 110 阅读

相关跨域解决 Access to XMLHttpRequest at

html页面添加这一行 contentType: “application/x-www-form-urlencoded”, <!DOCTYPE html>

ゝ一纸荒年。/ 2022年10月25日 11:28/ 0 赞/ 28 阅读

相关跨域 XMLHttpRequest 请求

跨域 XMLHttpRequest 请求普通网页能够使用[XMLHttpRequest][]对象发送或者接受服务器数据, 但是它们受限于[同源策略][Link

清疚/ 2022年08月04日 15:56/ 0 赞/ 243 阅读

相关關於libmupdf使用問題

使用環境Win7 64位系統 [libmupdf.dll下載][libmupdf.dll] 1.無法載入libmupdf.dll libmupdf.dll放的位置不對

比眉伴天荒/ 2022年05月10日 02:46/ 0 赞/ 178 阅读

相关跨域問題記錄

![20181130112743794.png][] 問題如上圖,提示說是跨域問題,一直沒有解決,先記錄下問題描述:.本機運行Vue項目里有個文件上傳功能,點擊上傳是服

傷城~/ 2022年04月13日 15:15/ 0 赞/ 186 阅读