資訊專欄INFORMATION COLUMN
摘要：剛新建的項目，同事說要打包一版進行測試，打包完成后放在上發(fā)現路徑報錯問題。查閱配置代理但是這個配置打包完之后依舊報錯，看了原因，是的路徑還是有問題，把路徑改為就能找到對應的路徑了，以下為修改后代碼關鍵點在這調整內部的配置。
剛新建的vue-cli項目，同事說要打包一版進行測試，打包完成后放在tomcat上發(fā)現路徑報錯問題。
百度了一下，懷疑是build里面沒有定義路徑問題，度友提供了解決方案：
找到config文件夾下的index.js文件，修改路徑代碼
找到build對象，修改屬性assetsPublicPath為 ‘./’
但是由于vue-cli項目中已經沒有config文件夾，需要在根目錄下創(chuàng)建vue.config.js
具體配置網上查了一下，用了一個推薦的配置：
module.exports = {
baseUrl: "/",
outputDir: "dist",
lintOnSave: true,
runtimeCompiler: true, //關鍵點在這
// 調整內部的 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 => {}
}
}
但是這個配置打包完之后依舊報錯，看了原因，是baseUrl: "/"的路徑還是有問題，把路徑改為baseUrl: "./"就能找到對應的路徑了，以下為修改后代碼：
module.exports = {
baseUrl: "./",
outputDir: "dist",
lintOnSave: true,
runtimeCompiler: true, //關鍵點在這
// 調整內部的 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 => {}
}
}
結果：
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105673.html
摘要：加載百度地圖后報錯的，我們再加載一遍你的秘鑰你的秘鑰為當前時間戳獲取方法 一、環(huán)境搭建 1、安裝node.js在計算機中https://nodejs.org/en/download/ （此為node.js官方下載地址）安裝完成后打開cmd命令提示符 node -v //查詢node版本號 npm -v //查詢npm版本號 2、如果npm使用網速跟不上...
摘要：修改完畢后再次打包，頁面還是空白頁，打開控制臺，也沒有抱任何錯誤，查看元素，資源路徑也是正確的，如圖右側紅框再次陷入崩潰，控制臺無任何報錯，于是就去各大網站找相關文章，好在一篇文章提到的模式。 由于對腳手架這些東西，運用不是太熟，所以在打包項目時遇到一些小坑，在此做一下小結：首次打包完畢，在本地打開dist下的入口頁面index.html時，頁面展示了一個大大的空白，打開控制臺顯示未發(fā)...
摘要：初始化項目測試服務已經準備前提已經準備好了注意一鍵部署都可以使用在根目錄新建文件夾類容如下類容如下文件類容如下正在發(fā)布到生產測試服務器這個路徑是你需要上傳到服務器的文件夾路徑發(fā)布失敗成功發(fā)布到生產測試服務器文件類容如下讀取環(huán)境變量文件判斷打 初始化vue項目, 測試服務已經準備（前提已經準備好了） 注意: 一鍵部署 vue2.0~3.0 都可以使用 1、在根目錄 新建deploy 文件...
閱讀 2838·2021-11-15 11:39
閱讀 1816·2021-09-24 09:48
閱讀 1060·2021-09-22 15:36
閱讀 3581·2021-09-10 11:22
閱讀 2990·2021-09-07 09:59
閱讀 952·2021-09-03 10:28
閱讀 666·2021-09-02 15:15
閱讀 2738·2021-08-27 16:24
