亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue項目中index.html中的相對路徑,打包后未變成絕對路徑如何修改

Vue項目中index.html中的相對路徑,打包后未變成絕對路徑如何修改

慕森王 2019-03-15 17:04:28
問題描述在Vue項目中,index.html 我使用了script標簽引入了一個在static目錄下的文件這是項目目錄,我的js在static/js/xxxx.js<script src="./static/js/xxx.js" ></script>在dev情況下是可以使用的,但是在打包到dist后,dist目中的index.html,還是<script src="./static/js/xxx.js" ></script>這樣的話,我已經該怎么修復呢
查看完整描述

2 回答

?
繁花如伊

TA貢獻2012條經驗 獲得超12個贊

在webpack.base.conf.js中

resolve: {    extensions: ['.js', '.vue', '.json'],
    alias: {      'vue$': 'vue/dist/vue.esm.js',      '@': resolve('src'),      'static':path.resolve(__dirname,'../static')  //添加這行
    }
  },

使用時 'static/js/lalal.js' 前面不用 ./

utils.js中

if (options.extract) {      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'   //添加這行
      })
    } else {      return ['vue-style-loader'].concat(loaders)
    }
  }

index.js中

assetsPublicPath: './', //前面加個點

這樣打包后路徑就不會有錯了


查看完整回答
反對 回復 2019-03-15
?
哆啦的時光機

TA貢獻1779條經驗 獲得超6個贊

如果你用history模式,是不用修改配置文件的配置打包路徑的,你只需要讓后臺配置,并且你還要做一個路由跳轉錯誤處理。如果你是使用hash模式,那么你就采用1樓所說的辦法。

查看完整回答
反對 回復 2019-03-15
  • 2 回答
  • 0 關注
  • 5841 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號