在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli打包問題

vue-cli打包問題

打包出來的文件，css都能用，就是static里面的json文件404，已經(jīng)照著網(wǎng)上修改了一次，還是沒法顯示。

  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',

我是這樣引用本地 json文件的：

  mounted: function () {
    axios.get('static/data/dataBase.json')
      .then((res) => {
        console.log(res)
        this.news = res.data.dataTxt
      })
      .catch((err) => {
        console.log(err)
      })
  },
回答
編輯回答
撥弦

同意 @xiaofei 的答案

這是vue中比較常見的問題了。

因此建議你去查一下

assetsRoot: path.resolve(__dirname, '../dist'), // 打包出來的文件夾
assetsSubDirectory: 'static', // 除了html其他靜態(tài)資源的文件夾
assetsPublicPath: './', // 默認(rèn) '/' 一般不需要設(shè)置或者設(shè)置絕對路徑，像你設(shè)置相對路徑稍微復(fù)雜

我這里引用網(wǎng)上的答案，你可以參考一下。

assetsPublicPath 這個靜態(tài)資源的引用前綴, 默認(rèn)的是/

按照上面的配置, 當(dāng)你把 dist 文件夾下的文件放到服務(wù)器,

能用http://www.xxx.com/static/js/... 那么assetsPublicPath就不需要修改了
需要用http://www.xxx.com/aaa/bbb/st...
那么assetsPublicPath就得改成/aaa/bbb/, 然后重新 build 一次, 上傳到服務(wù)器 當(dāng)你把靜態(tài)文件傳到 cdn,
需要用http://stacic.yyy.com/aaa/bbb...
那么assetsPublicPath就得改成http://stacic.yyy.com/aaa/bbb/, 然后重新 build 一次,
上傳到服務(wù)器 用絕對路徑聽起來好像很復(fù)雜啊, 能不能用相對路徑呢? 當(dāng)然也是可以的, 不過配置起來要比用絕對路徑復(fù)雜的多, 主要是涉及到
css 文件的里圖片和字體等

首先, assetsSubDirectory要設(shè)置成空 將assetsPublicPath, 改成./ 修改new
ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
改成new ExtractTextPlugin('[name].[contenthash].css')

引用自- https://www.mmxiaowu.com/arti...

2017年3月7日 14:00
編輯回答
扯不斷

把

  assetsPublicPath: './',

改成

  assetsPublicPath: '/',

試試

2017年9月11日 04:11