前端打包添加前缀

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上有没有带上前缀

相关推荐
weixin1997010801614 小时前
《XMZ 商品详情页前端性能优化实战》
前端·性能优化
蜡台15 小时前
Uniapp H5Builderx 预览Html 显示404问题解决
前端·uni-app
We་ct15 小时前
LeetCode 190. 颠倒二进制位:两种解法详解
前端·算法·leetcode·typescript
踩着两条虫15 小时前
AI驱动的Vue3应用开发平台深入探究(二十五):API与参考之Renderer API 参考
前端·javascript·vue.js·人工智能·低代码·前端框架·ai编程
信创DevOps先锋15 小时前
本土化突围:Gitee如何重新定义企业级项目管理工具价值
前端·gitee·jquery
圣光SG16 小时前
Java类与对象及面向对象基础核心详细笔记
java·前端·数据库
Jinuss16 小时前
源码分析之React中的useImperativeHandle
开发语言·前端·javascript
ZC跨境爬虫16 小时前
CSS核心知识点与定位实战全解析(结合Playwright爬虫案例)
前端·css·爬虫
Jinuss16 小时前
源码分析之React中的forwardRef解读
前端·javascript·react.js