解決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 的內容
[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.
網上找了很多，并沒有找到答案。后來發(fā)現 vue-router 是用了 history 模式，但是 nginx 并沒有添加相應的配置便會出現這個問題。所以，如下解決方案：
1.變更生產環(huán)境配置，使得支持 history 模式。這里只需要修改 nginx 的配置，把 404 指向 index.html 即可。
2.不在使用history模式
總結
以上所述是小編給大家介紹的vue-cli3 使用子目錄部署問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要介紹了vue-admin如何實現動態(tài)路由問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
這篇文章主要介紹了Vue的props父傳子的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章介紹了vue使用Vuex狀態(tài)管理模式的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
前端啟動出現報錯提示vue-cli-service?serve的原因及解決辦法
這篇文章主要給大家介紹了關于前端啟動出現報錯提示vue-cli-service?serve的原因及解決辦法,文中通過圖文以及實例代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11
在Vue開發(fā)中使用:style綁定樣式是常見需求,應注意:class與:style的配合使用,錯誤的使用可能導致樣式不生效,正確的方法是使用數組綁定多個樣式,這些技巧有助于提高開發(fā)效率和保持代碼整潔,感興趣的朋友跟隨小編一起看看吧2024-09-09
vue-cli3配置favicon.ico和title的流程
這篇文章主要介紹了vue-cli3配置favicon.ico和title的流程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue使用el-upload上傳文件及Feign服務間傳遞文件的方法
這篇文章主要介紹了vue使用el-upload上傳文件及Feign服務間傳遞文件的方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要介紹了vscode 插件開發(fā) + vue的操作方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細介紹了Vue.js下拉菜單組件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
vscode+vue cli3.0創(chuàng)建項目配置Prettier+eslint方式
這篇文章主要介紹了vscode+vue cli3.0創(chuàng)建項目配置Prettier+eslint方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10