解決vue-cli3 使用子目錄部署問題
更新時間：2018年07月19日 09:44:22 作者：源泉
這篇文章主要介紹了解決vue-cli3 使用子目錄部署問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
在使用 vue-cli3 build的時候，使用非子目錄需要在 vue.config.js 中添加如下代碼：
module.exports = {
baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/',
}
但是build完后，放在nginx服務下，會看到如下報錯，頁面也顯示 no-script 的內(nèi)容
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
網(wǎng)上找了很多，并沒有找到答案。后來發(fā)現(xiàn) vue-router 是用了 history 模式，但是 nginx 并沒有添加相應的配置便會出現(xiàn)這個問題。所以，如下解決方案：
1.變更生產(chǎn)環(huán)境配置，使得支持 history 模式。這里只需要修改 nginx 的配置，把 404 指向 index.html 即可。
2.不在使用history模式
總結
以上所述是小編給大家介紹的vue-cli3 使用子目錄部署問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
vue2.0如何實現(xiàn)echarts餅圖(pie)效果展示
這篇文章主要介紹了vue2.0如何實現(xiàn)echarts餅圖(pie)效果展示,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue CLI4 Vue.config.js標準配置(最全注釋)
這篇文章主要介紹了Vue CLI4 Vue.config.js標準配置，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要介紹了Vue-element-admin平臺側邊欄收縮控制問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要給大家介紹了關于VUE配置history路由模式配置的相關資料,History模式是Vue路由的另一種模式,在History模式下URL中的路徑不再使用#符號,而是直接使用正常的路徑形式,需要的朋友可以參考下2023-12-12
作為一個前端開發(fā)者,我們要學會自己編寫一些開發(fā)工具模塊,也可以自己編寫一些組件,甚至可以通過自己的能力編寫一個框架出來,這都需要我們能夠靈活的管理我們的包,下面這篇文章主要給大家介紹了關于如何通過一文教會你在npm上傳自己的包的相關資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了element-ui如何在table中使用tooltip問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue3之向echarts組件傳值的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
本文主要介紹了vue頁面不能根據(jù)路徑進行跳轉的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-12-12
眾所周知：目前可視化大屏,視頻播放等常見功能都需要用到全屏,本文將使用兩種技術實現(xiàn)全屏功能的封裝,讓不同技術棧的同學都可以輕松掌握,好了,讓我們來實現(xiàn)一個既兼容性強又易于管理的全屏功能組件吧,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了Vue+Vux實現(xiàn)登錄功能，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-08-08