1、修改config => index.js => build => assetsPublicPath,修改代码入戏:
build: {
assetsPublicPath: './'
}
2、在build => util.js 里找到ExtractTextPlugin.extract增加一行:publicPath: ‘../../’,主要解决背景图片路径的问题。修改代码入戏:
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: './'
})
3、找到路由文件src/router/index.js,修改代码入戏:
const router = new VueRouter({
mode: "history",
base: "wap", //修改自己的名称
routes
});
把index.html所有/static/
改成./static/
沃梦达教程
本文标题为:Vuejs打包后部署到子目录下路径问题解决方法


猜你喜欢
- CSS属性探秘系列(一):word-break与word-wrap 2024-03-11
- JS获取各种浏览器窗口大小的方法 2023-12-01
- 使用 IntraWeb (38) - TIWAppForm、TIWForm、TIWBaseHTMLForm、TIWBaseForm 2023-10-26
- 一样的table?不一样的table(可编辑状态table) 2024-01-04
- # HTML5与CSS3从如入门到精通(第三版)(超简洁、实用学习笔记) 2023-10-27
- vue开发中如何用extend动态创建组件 2025-01-15
- Vue2中文文档官网介绍 2025-01-14
- vue语法如何实现子组件向父组件派发事件 2025-01-13
- 利用CSS制作3D动画 2022-11-20
- css scroll-snap控制滚动元素的实现 2024-01-05