Vue_Cli 2.x版本打包部署

首先在config/index.js中配置相对路径

找到assetsPublicPath:’/'

在’/‘前加点assetsPublicPath:’./'

Vue/cli项目打包部署到服务器_相对路径


Vue/cli项目打包部署到服务器_相对路径_02


dev的assetsPublicPath:’/'就不要加点了,不然会报错Can‘t Error

图片不显示的原因
找到build/utils文件中的ExtractTextPlugin.extract

publicPath: '../../'

Vue/cli项目打包部署到服务器_相对路径_03

Vue_Cli 3.x /4.x版本打包部署

Vue_Cli3.x和4.x版本是没有自带生成config文件的,在这里我们需要在根目录新建个vue.config.js文件

module.exports = {
publicPath: "./",
lintOnSave: false//禁用eslint
};