vue打包上线问题

在这里插入图片描述
所以在vue.config.js 里添加 publicPath: ‘./’
在这里插入图片描述
为了更方便的使用打包的路径更变
在这里插入图片描述
在这里插入图片描述
以上配置是,让vue打包不打包这些第三方的包

这里可以做cdn加速
https://unpkg.com/

unpkg.com/:package@:version/:file (修改包名package和版本号version)
例如 https://unpkg.com/vue@2.6.14
就会得到这样的地址 https://unpkg.com/vue@2.6.14/dist/vue.js
就可以引入项目

如果想看这个包里有什么版本和内容的话就在后加一个/
例如 https://unpkg.com/vue@2.6.14/
就会得到 https://unpkg.com/browse/vue@2.6.14/ 这个地址
browse 就是浏览的意思 去掉的话就是源码页面了

在这里插入图片描述
在这里插入图片描述
是放在public目录下的index.html页面中 js放在后面 css放在head中
在这里插入图片描述
也可以不用注掉

打包后遇见一个问题
打包后只有首页能够预览 其他页面报错
在这里插入图片描述
原因是路由开启了 mode: ‘history’,
这种情况的话,就需要后端去配合
如果不要的话,就直接注销掉 不使用history 使用hash模式 路由中就会有#
注销掉了就可以正常访问了

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值