緣由
筆者在html頁面引用vue來快速實現(xiàn)頁面;
<head></head>
中通過<script>src=""></script>
方法引入,開始引入,應(yīng)用都是正常,后來用了也沒問題;奇怪的是,前幾天發(fā)現(xiàn)html頁面無法出現(xiàn)效果圖
更新線上項目發(fā)現(xiàn),html頁面加載慢;接口請求超時;頁面樣式也出現(xiàn)了問題;
當(dāng)時的引入unpkg
<link rel="stylesheet" >
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
排查
經(jīng)過排查就是這種的引入方式失效了,引入當(dāng)時也是根據(jù)官方文檔引入的,納悶了,之前還好好的,怎么突然出問題了;
排查發(fā)現(xiàn)這種的引入不是正確的,記得之前引入,是cdn,排查發(fā)下,它的引入方式是unpgk,進(jìn)而導(dǎo)致的
正確的引入cdn
替換內(nèi)容
<link rel="stylesheet" >
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>
<script src="http://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
文章來源:http://www.zghlxwxcb.cn/news/detail-812989.html
大家想用直接復(fù)制就行。文章來源地址http://www.zghlxwxcb.cn/news/detail-812989.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>
<script src="http://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
到了這里,關(guān)于【問題+解決】axios/vue/element/echarts引入報錯的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!