网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

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

修改:

1,打开index.js

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

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

assetsPublicPath:'/'

改为:

assetsPublicPath: './'

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

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

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

添加红色框参数即可;

publicPath: '../../'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:vue中axios的封装问题(简易版拦截,get,post)
下一篇:webpack公共组件引用路径简化小技巧