# 資源目錄上線設置 ## 1. 項目在服務器根目錄 ,訪問時：www.jqq.com/index * [ ] ### router.js,不設置base字段 ``` var router \= new Router({ mode: 'history', //可以去掉url中的#。但是打包后需要后臺配置，否則會404 routes: routerMap }) ``` * [ ] ### config/index.js,設置dev-assetsPublicPath字段 ``` dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/jqq/', //為了線上配置的目錄/jqq/，如果線上是根目錄，則替換為 / proxyTable: { '/api': { target: 'https://xt.yuketang.cn', changeOrigin: true ??????} }, ``` ## 2. 項目不在服務器根目錄，在jqq目錄下。訪問時：www.jqq.com/jqq/index * [ ] ### router.js,設置base字段 ``` var router \= new Router({ mode: 'history', //可以去掉url中的#。但是打包后需要后臺配置，否則會404 base:'jqq', routes: routerMap }) ``` * [ ] ### config/index.js,設置dev-assetsPublicPath字段為/ ``` dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', //為了線上配置的目錄/jqq/，如果線上是根目錄，則替換為 / proxyTable: { '/api': { target: 'https://xt.yuketang.cn', changeOrigin: true ??????} }, ``` ## 3. 資源根index同級。沒有被文件夾包裹  * [ ] ### build/util.js 中修改publicPath，資源引用路徑 ``` if (options.extract) { return ExtractTextPlugin.extract({ use: loaders,// css 引用圖片打包問題 publicPath: '../', //注意: 此處根據路徑, 更改.絕對路徑時 => ../../../;相對路徑，資源不在根目錄時 => ../../;相對路徑，資源在根目錄時 => ../ fallback: 'vue-style-loader' }) } else { return \['vue-style-loader'\].concat(loaders) } ``` * [ ] ### config/index.js 修改build--assetsSubDirectory為空 ``` build: { // Template for index.html index: path.resolve(\_\_dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(\_\_dirname, '../dist'), assetsSubDirectory: '', //為了線上配置的目錄，build時把資源文件放到static目錄，上線時項目有前綴目錄時，變成'' assetsPublicPath: './', ``` ## 4.資源被文件夾（static）包裹。  * [ ] ### build/util.js 中修改publicPath，資源引用路徑 ``` if (options.extract) { return ExtractTextPlugin.extract({ use: loaders,// css 引用圖片打包問題 publicPath: '../../', //注意: 此處根據路徑, 更改.絕對路徑時 => ../../../;相對路徑，資源不在根目錄時 => ../../;相對路徑，資源在根目錄時 => ../ fallback: 'vue-style-loader' }) } else { return \['vue-style-loader'\].concat(loaders) } ``` * [ ] ### config/index.js 修改build--assetsSubDirectory為文件夾名稱（static） ``` build: { // Template for index.html index: path.resolve(\_\_dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(\_\_dirname, '../dist'), assetsSubDirectory: 'static', //為了線上配置的目錄，build時把資源文件放到static目錄，上線時項目有前綴目錄時，變成'' assetsPublicPath: './', ```