前端打包添加前缀

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

相关推荐
江城开朗的豌豆4 分钟前
webpack了解吗,讲一讲原理,怎么压缩代码
前端·javascript·微信小程序
_xaboy5 分钟前
开源设计器 FcDesigner 限制组件是否可以拖入的教程
前端·vue.js·低代码·开源·表单设计器
江城开朗的豌豆8 分钟前
Webpack配置魔法书:从入门到高手的通关秘籍
前端·javascript·微信小程序
江城开朗的豌豆13 分钟前
玩转小程序生命周期:从入门到上瘾
前端·javascript·微信小程序
im_AMBER19 分钟前
React 10
前端·javascript·笔记·学习·react.js·前端框架
Moment24 分钟前
记录一次修改 PNPM 版本,部署 NextJs 服务时导致服务器崩溃的问题 😡😡😡
前端·javascript·后端
浪裡遊26 分钟前
css面试题1
开发语言·前端·javascript·css·vue.js·node.js
钮钴禄·爱因斯晨32 分钟前
不只是字符串:Actix-web 路由与 FromRequest的类型安全艺术
前端·安全
杜子不疼.37 分钟前
仓颉语言构造函数深度实践指南
java·服务器·前端
IT_陈寒38 分钟前
我用这5个JavaScript性能优化技巧,让页面加载速度提升了60%
前端·人工智能·后端