vue和webpack打包 项目相对路径修改

时间:2023-03-08 20:46:15

一般vue使用webpack打包是整个工程的根目录,但是很多情况下都是把vue打包后的文件在某子目录下。

修改:

1,打开index.js

vue和webpack打包 项目相对路径修改

vue和webpack打包 项目相对路径修改

assetsPublicPath:'/'

改为:

assetsPublicPath: './'

2.解决css里面的路径问题,打开utils.js

vue和webpack打包 项目相对路径修改

vue和webpack打包 项目相对路径修改

添加红色框参数即可;

publicPath: '../../'

注意:当路由使用 mode: 'history' 时,去了路径的#,但是需要后端配合配置。这时候不要用相对路径~