資訊專欄INFORMATION COLUMN
摘要：剛新建的項(xiàng)目，同事說要打包一版進(jìn)行測試，打包完成后放在上發(fā)現(xiàn)路徑報(bào)錯(cuò)問題。查閱配置代理但是這個(gè)配置打包完之后依舊報(bào)錯(cuò)，看了原因，是的路徑還是有問題，把路徑改為就能找到對(duì)應(yīng)的路徑了，以下為修改后代碼關(guān)鍵點(diǎn)在這調(diào)整內(nèi)部的配置。
剛新建的vue-cli項(xiàng)目，同事說要打包一版進(jìn)行測試，打包完成后放在tomcat上發(fā)現(xiàn)路徑報(bào)錯(cuò)問題。
百度了一下，懷疑是build里面沒有定義路徑問題，度友提供了解決方案：
找到config文件夾下的index.js文件，修改路徑代碼
找到build對(duì)象，修改屬性assetsPublicPath為 ‘./’
但是由于vue-cli項(xiàng)目中已經(jīng)沒有config文件夾，需要在根目錄下創(chuàng)建vue.config.js
具體配置網(wǎng)上查了一下，用了一個(gè)推薦的配置：
module.exports = {
baseUrl: "/",
outputDir: "dist",
lintOnSave: true,
runtimeCompiler: true, //關(guān)鍵點(diǎn)在這
// 調(diào)整內(nèi)部的 webpack 配置。
// 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md
chainWebpack: () => {},
configureWebpack: () => {},
// 配置 webpack-dev-server 行為。
devServer: {
open: process.platform === "darwin",
host: "0.0.0.0",
port: 8080,
https: false,
hotOnly: false,
// 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理
proxy: null, // string | Object
before: app => {}
}
}
但是這個(gè)配置打包完之后依舊報(bào)錯(cuò)，看了原因，是baseUrl: "/"的路徑還是有問題，把路徑改為baseUrl: "./"就能找到對(duì)應(yīng)的路徑了，以下為修改后代碼：
module.exports = {
baseUrl: "./",
outputDir: "dist",
lintOnSave: true,
runtimeCompiler: true, //關(guān)鍵點(diǎn)在這
// 調(diào)整內(nèi)部的 webpack 配置。
// 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md
chainWebpack: () => {},
configureWebpack: () => {},
// 配置 webpack-dev-server 行為。
devServer: {
open: process.platform === "darwin",
host: "0.0.0.0",
port: 8080,
https: false,
hotOnly: false,
// 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理
proxy: null, // string | Object
before: app => {}
}
}
結(jié)果：
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/105673.html
摘要：加載百度地圖后報(bào)錯(cuò)的，我們?cè)偌虞d一遍你的秘鑰你的秘鑰為當(dāng)前時(shí)間戳獲取方法 一、環(huán)境搭建 1、安裝node.js在計(jì)算機(jī)中https://nodejs.org/en/download/ （此為node.js官方下載地址）安裝完成后打開cmd命令提示符 node -v //查詢node版本號(hào) npm -v //查詢npm版本號(hào) 2、如果npm使用網(wǎng)速跟不上...
摘要：在使用進(jìn)行項(xiàng)目打包時(shí)，發(fā)現(xiàn)了一些以前沒注意到的點(diǎn)，因此寫下此文，記錄一下，如果可以對(duì)大家有所幫助，那就更好了。原因中默認(rèn)打包后創(chuàng)建文件，以提醒開發(fā)人員錯(cuò)誤位置。解決方式圖片描述打開項(xiàng)目根目錄下的文件，找到將這個(gè)參數(shù)改為即可。 在使用vue-cli進(jìn)行項(xiàng)目打包時(shí)，發(fā)現(xiàn)了一些以前沒注意到的點(diǎn)，因此寫下此文，記錄一下，如果可以對(duì)大家有所幫助，那就更好了。 1.直接使用npm run buil...
摘要：修改完畢后再次打包，頁面還是空白頁，打開控制臺(tái)，也沒有抱任何錯(cuò)誤，查看元素，資源路徑也是正確的，如圖右側(cè)紅框再次陷入崩潰，控制臺(tái)無任何報(bào)錯(cuò)，于是就去各大網(wǎng)站找相關(guān)文章，好在一篇文章提到的模式。 由于對(duì)腳手架這些東西，運(yùn)用不是太熟，所以在打包項(xiàng)目時(shí)遇到一些小坑，在此做一下小結(jié)：首次打包完畢，在本地打開dist下的入口頁面index.html時(shí)，頁面展示了一個(gè)大大的空白，打開控制臺(tái)顯示未發(fā)...
閱讀 2948·2021-11-15 11:39
閱讀 1942·2021-09-24 09:48
閱讀 1150·2021-09-22 15:36
閱讀 3668·2021-09-10 11:22
閱讀 3183·2021-09-07 09:59
閱讀 1007·2021-09-03 10:28
閱讀 733·2021-09-02 15:15
閱讀 2802·2021-08-27 16:24
