報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刪除。



猜您在找 JAVA攔截器,JAVA返回結果跨域問題解決-has been blocked by CORS policy 【記錄】uni-app Chrome跨域解決方案插件 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is... 解決本地瀏覽器運行項目時的跨域問題-Access to XMLHttpRequest at"xxx/xxx" from origin 'null' has been blocked by CORS policy 前后端分離 開發環境通過CORS實現跨域聯調 前后端分離java、jwt項目進行CORS跨域、解決非簡單請求跨域問題、兼容性問題 前后端通信—CORS(支持跨域) 后端CORS解決跨域問題 前后端分離djangorestframework——解決跨域請求 關於前后端分離跨域請求問題 ajax post上傳數據時,前端出現的跨域權限問題:ccess to XMLHttpRequest at ‘’rom origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok st
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM