vue打包上线后路径报错问题

作者: 前端很忙 | 来源:发表于2018-11-21 21:35 被阅读8次

vue npm run build打包后index.html空白
vue静态资源路径设置
vue-cli打包后资源路径报错及样式中背景图片的引用问题
vue打包上线后路径报错问题
vue-cli3 build 文件路径报错
vue-pdf问题解决及patch-package简介
解决vue cli3.0打包上线静态资源找不到路径问题
vue问题
vue-一个域名多个项目的nginx配置
vue项目打包后资源路径与背景图路径问题

vue-cli 打包配置

1、配置项目引用文件问相对路径；
2、引用js文件路径错误；
3、图片路径错误；
4、背景图片路径错误；

解决以上问题，需修改三个地方：

1、config/index.js（大约46行）

build: {
    assetsPublicPath: './' // 修改为相对路径
}

2、build/utils.js（大约51行）

if(options.extract){
    return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../' // 此处解决css中背景图片路径报错
    })
}

3、build/webpack.prod.conf.js（大约25行）

output: {
    publicPath: './', // 添加这一行配置
}

此方法亲测有效

vue npm run build打包后index.html空白
Vue打包npm run build 打包后空白怎么解决？问题一：路径报错并且页面空白在打包时提示需要在vu...
vue静态资源路径设置
vue打包上线后经常会碰到静态资源路径找不到的问题。常见问题及解决方式如下： 1， js, css路径不对解决方...
vue-cli打包后资源路径报错及样式中背景图片的引用问题
1、打包后资源路径报错通过vue-cli生成的项目，npm run build打包后的文件部署后会报错，找不到样...
vue打包上线后路径报错问题
vue-cli 打包配置 1、配置项目引用文件问相对路径；2、引用js文件路径错误；3、图片路径错误；4、背景图片...
vue-cli3 build 文件路径报错
vue-cli3 build 文件路径报错用vue-cli3 npm run build打包后，dist文件中...
vue-pdf问题解决及patch-package简介
问题背景 vue中使用vue-pdf打包之后预览报错hash+worker.js路径不对404 解决方式修改no...
解决vue cli3.0打包上线静态资源找不到路径问题
解决vue cli3.0打包上线静态资源找不到路径问题项目中遇到打包之后静态资源路径找不到，报如下错误：解决方...
vue问题
一.vue打包成功后访问不到路径未找到下图路径方法改为如下打包成功二.vue报各种规范问题,可以先直接关掉规范检测
vue-一个域名多个项目的nginx配置
本身nginx很方便，但是有些项目是工程化的，比如vue打包后，项目是绝对路径的模式，这样就找不到路径，报错...
vue项目打包后资源路径与背景图路径问题
本文主要解决基于vue/vuex打包后经常出现的两个问题：静态资源路径错位问题 css背景图路径错位问题问题的...