1. 程式人生 > 其它 >Vue專案不相容ie瀏覽器的解決辦法

Vue專案不相容ie瀏覽器的解決辦法

技術標籤:Vue

Vue專案相容IE瀏覽器

安裝babel-polyfill
npm install babel-polyfill --save-dev 或者 cnpm install babel-polyfill --save-dev

然後在入口main.js檔案引入:import ‘babel-polyfill’

我是用了官方腳手架vue-cli,還要修改配置檔案,網上一般說的是修改webpack.config.js

但我沒有這個檔案,我修改的是vue-loader.conf.js:

在module.exports裡新增:

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

解決IE不顯示內容程式碼
在需要相容的地方新增:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">