報CORS 跨域錯誤,提示 blocked by CORS policy" type="hidden"/>

前后端分離 導致的 靜態頁面 加載

比如我有個html 和 js 文件 ,放在桌面的一個文件中,正常html加載本地 js 是可以的 ,但是如果引入的類型是 

<script type="module" >
,這倒好,直接報錯

 

 

 百度找到了很多方法,雖然可以解決,但是要么是麻煩,要么就是不適合發布使用,總不能讓客戶修改瀏覽器權限吧?

怎么辦?
好辦,使用nginx

只需要在nginx.conf 文件配置一下監聽端口和路由參數,將符合獲取靜態文件的請求路由到本地靜態文件即可

 

 

 

 

 

 

 我要訪問本地的       D:/我的項目/static/js/ j1.js

假設監聽的端口為55

那么訪問 localhost:55/js/j1.js

即可

也就是說,把所有獲取靜態文件的接口都用nginx來路由,

對於nginx來說,這些靜態文件位置可以隨意放置,

但是對於瀏覽器來說,這些靜態文件都是存在  localhost:55 的地方,也就是同源資源,不會再報 CORS 跨域,

也適合發布生產,如果需要替換文件,直接替換就行了,不需要打包編譯,不需要解碼,適合各種服務器,

雖然.net 容器也有類似的功能,但是相對麻煩一點,體積也膨大,需要配置很多東西,不像nginx解壓就能用

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 axios 訪問本地文件 報跨域錯誤 from origin 'null' has been blocked by CORS policy 報跨域錯誤:Access to XMLHttpRequest at 'http://localhost:9990/' from origin 'http://IP:Port' has been blocked by CORS policy...more-private address space `local` 實現前后端分離的跨域訪問(CORS) 跨域詳解 been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource 跨域詳解 been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource 前后端分離解決跨域cors問題 [Nginx] 解決跨域been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域問題解決Access to image at 'file:///png' from origin 'null' has been blocked by CORS policy Vue-Socket.io跨域問題 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' Mentalflow解決思路 JAVA攔截器,JAVA返回結果跨域問題解決-has been blocked by CORS policy
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM