vite+vue3 项目打包部署
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vite+vue3 项目打包部署相关的知识，希望对你有一定的参考价值。
参考技术A 前提：前后置在同一域名下，只是项目名不同，比如前置是： www.aa.com/frontend ，后置是 www.aa..com/background ，
实现方式：做IP代理。
前提条件下，则项目启动需要带上项目名frontend，
那么配置文件如下：
vite.config.js（不加base，build后，html引入的js会报404）
router配置如下：
使用了history模式的路由，则在nginx.conf(/usr/local/nginx/conf/)里需要加特殊配置
如下：
启动nginx即可！！！
以上是关于vite+vue3 项目打包部署的主要内容，如果未能解决你的问题，请参考以下文章
Vue3实践Vue3使用vite处理环境变量打包部署nginx配置
vite3 + vue3 + pinia 配置 CDN 后打包部署后出现 Failed to resolve module specifier “vue“ 报错处理