解決vue-cli3 使用子目錄部署問題
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 22:11:18
解決vue-cli3 使用子目錄部署問題
解決vue-cli3 使用子目錄部署問題:在使用 vue-cli3 build的時候,使用非子目錄需要在 vue.config.js 中添加如下代碼: module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/', } 但是build完后,放在nginx服務(wù)下,會
導(dǎo)讀解決vue-cli3 使用子目錄部署問題:在使用 vue-cli3 build的時候,使用非子目錄需要在 vue.config.js 中添加如下代碼: module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/', } 但是build完后,放在nginx服務(wù)下,會

網(wǎng)上找了很多,并沒有找到答案。后來發(fā)現(xiàn) vue-router 是用了 history 模式,但是 nginx 并沒有添加相應(yīng)的配置便會出現(xiàn)這個問題。所以,如下解決方案:
1.變更生產(chǎn)環(huán)境配置,使得支持 history 模式。這里只需要修改 nginx 的配置,把 404 指向 index.html 即可。
2.不在使用history模式
總結(jié)
以上所述是小編給大家介紹的vue-cli3 使用子目錄部署問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
解決vue-cli3 使用子目錄部署問題
解決vue-cli3 使用子目錄部署問題:在使用 vue-cli3 build的時候,使用非子目錄需要在 vue.config.js 中添加如下代碼: module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/', } 但是build完后,放在nginx服務(wù)下,會