當前位置：首頁 > 前端技术 > vue >内容正文

vue

vue在ie9中的兼容问题

發布時間：2023/11/30 vue 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 vue在ie9中的兼容问题小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

問題總結? https://github.com/vuejs-templates/webpack/issues/260

首先npm install --save babel-polyfill

然后在main.js中的最前面引入babel-polyfill

import 'babel-polyfill'

在index.html 加入以下代碼（非必須）

在config中的webpack.base.conf.js中,修改編譯配置

entry:{app:['babel-polyfill','./src/main.js'] }

當然，如果你只用到了?axios?對?promise進行兼容，可以只用?es6-promise

npm install es6-promise --save

在?main.js?中的最前面引入

import 'es6-promise/auto'

那么，就有一個問題了，build之后的dist文件只有放在服務器上才能查看，但本地如何查看呢，參考一下配置

修改config文件夾中的index.js文件,將build對象中的打包路徑，'/‘改為'./'，由絕對路徑改為相對路徑,建議將sourceMap改為false,編譯的時候會快一點

build: { assetsPublicPath: './', productionSourceMap: false, },

修改完之后，重新 npm run build ，得到新的dist文件夾

然后進入dist文件夾

cd dist

全局安裝簡易node服務器

npm install http-server -g

啟動簡易node服務器

http-server

出現如下圖所示，就代表你的服務器啟動成功了，那你也能在5000端口查看編譯打包后的項目了，可以在ie瀏覽器中直接測試了

IE在處理日期的時候，不支持-支持/的日期方式如 2017-01-01應該 2017/01/01

以上是生活随笔為你收集整理的vue在ie9中的兼容问题的全部內容，希望文章能夠幫你解決所遇到的問題。

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