系統部署常見問題匯總

文章目錄

• 系統部署常見問題匯總
• • 引用文件路徑問題
  • 前端代碼兼容IE問題
  • IE不支持Promise問題
  • IE瀏覽器GET請求緩存問題
  • 前端代碼混淆問題
  • npx的使用
  • IE兼容new Date()問題
  • 參考地址：

引用文件路徑問題

在前端代碼中，盡量不要使用相對路徑，可以采用配置文件+相對路徑組合而成的絕對路徑。

$.get("../data.json", function() {//不要使用這種方式 }); // 可使用下面這種方式 var locationUrl = "100.100.10.10/sys/data/"; $.get(location + "data.json", function() {});

前端代碼兼容IE問題

如果代碼中有使用ES2015+的新語法，在IE環境下可能不兼容，報語法錯誤，可以通過工具轉換為ES5標準下的，可用工具包括Parcel,Babel等

IE不支持Promise問題

引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
或 <script type="text/javascript" src ="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

IE瀏覽器GET請求緩存問題

IE 瀏覽器在發起 GET 請求，當參數一樣時，瀏覽器會直接使用緩存數據，這樣對于實時性有要求的數據不適用。

加上cache:false屬性

$.ajaxSetup({cache:false})

前端代碼混淆問題

• 可以直接使用在線工具混淆：https://javascriptobfuscator.com/Javascript-Obfuscator.aspx (只支持代碼混淆，不會進行ES6=>ES5的轉換)
• npm安裝插件進行混淆，如uglify\Parcel，注：要注意代碼混淆的規則，避免某些全局變量或方法在混淆后名字更換造成引用不到的錯誤，一般像Global.Config這種格式的代碼不會混淆，保留原樣

npx的使用

npx 想要解決的主要問題，就是調用項目內部安裝的模塊，不再需要全局安裝，例如在項目中通過npm i parcel-bundler --save添加Parcel的依賴后，可以直接通過npx parcel build xxx.js使用，而不再是下面的方式：

//方式一npm i parcel-bundler -g //全局安裝parcel build xxx.js //如果不是全局安裝會提示不是命令//方式二，在package.json中添加腳本(腳本執行時會自動到node_modules/.bin下找命令)"scripts": {"test": "echo \"Error: no test specified\" && exit 1","build": "parcel build index.js"}npm run build //方式三node-modules/.bin/parcel index.js

IE兼容new Date()問題

‘2016-12-05’是無法在IE瀏覽器中，使用new Date(str)來正確生成日期對象的。 正確的用法是’2016/12/05’

參考地址：

• IE不支持 Promise 解決辦法
• npx 使用教程
• IE瀏覽器Get請求緩存問題
• javascript中new Date()在IE瀏覽器下的兼容性問題

總結

以上是生活随笔為你收集整理的系统部署常见问题汇总的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。