前端打包添加前缀

vue2添加前缀

router的base加上前缀

javascript 复制代码
export default new Router({
  mode: 'history', // 去掉url中的#
  base: privateDeployUrl, // 这里加上前缀
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRoutes
})

vue.config.js,publicPath属性加上前缀

javascript 复制代码
  publicPath: process.env.NODE_ENV === "production" && process.env.VUE_APP_PRIVATE_DEPLOY_URL ? process.env.VUE_APP_PRIVATE_DEPLOY_URL : "/",

uniapp h5 添加前缀

manifest.json

json 复制代码
"router" : {
	"base" : "/integral-paltform",
	"mode" : "history"
}

如何查看自己有没有添加成功呢

项目运行就可以看到路由url有没有加上前缀

打包后的index.html中可以看到引入的静态文件url上有没有带上前缀

相关推荐
天天向上102420 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
柳杉21 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
reembarkation1 天前
vue3中使用howler播放音频列表
前端·vue.js·音视频
手握风云-1 天前
基于 Java 的网页聊天室(三)
服务器·前端·数据库
weixin199701080161 天前
《识货商品详情页前端性能优化实战》
前端·性能优化
Forever7_1 天前
重磅!Vue3 手势工具正式发布!免费使用!
前端·前端框架·前端工程化
用户806138166591 天前
发布为一个 npm 包
前端·javascript
树上有只程序猿1 天前
低代码何时能出个“秦始皇”一统天下?我是真学不动啦!
前端·后端·低代码
TT_哲哲1 天前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
菜果果儿1 天前
Vue 3 + TypeScript 常用代码示例总结
前端