欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-cli 項(xiàng)目打包完成后運(yùn)行文件路徑報(bào)錯(cuò)問(wèn)題

 更新時(shí)間：2019年07月19日 10:51:58   作者：柴門聞犬吠  
這篇文章主要介紹了vue-cli 項(xiàng)目打包完成后運(yùn)行文件路徑報(bào)錯(cuò)問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

本文介紹了vue-cli 項(xiàng)目打包完成后運(yùn)行文件路徑報(bào)錯(cuò)問(wèn)題，做個(gè)筆記，也分享給大家。

剛新建的vue-cli項(xiàng)目，同事說(shuō)要打包一版進(jìn)行測(cè)試，打包完成后放在tomcat上發(fā)現(xiàn)路徑報(bào)錯(cuò)問(wèn)題。

百度了一下，懷疑是build里面沒(méi)有定義路徑問(wèn)題，度友提供了解決方案：

找到config文件夾下的index.js文件，修改路徑代碼

找到build對(duì)象，修改屬性assetsPublicPath為 ‘./'

但是由于vue-cli項(xiàng)目中已經(jīng)沒(méi)有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: '/'的路徑還是有問(wèn)題，把路徑改為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é)果：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論