}# 代理自己的项目location /cees-client {aliashtml/cees-client; index index.html;# autoindex on;try_files$uri$uri/ /cees-client/index.html;#解决刷新404}# 配置代理vite中的跨域location /client { proxy_pass http://43.136.31.72:7804; } }...
1、npm run build 打包时ts校验报错,修改package.json里的build节点。 # 修改package.json里的"build": "vue-tsc --noEmit && vite build" 为 "build": "vite build"。"scripts": {"dev":"vite","build":"vite build","preview":"vite preview"}, 2、静态资源404问题,需要在vite.config.js里面配置b...
一. vue前端项目打包 使用vscode开发项目 ,在src的同级目录下创建一个vue.config.js文件(已有的话则修改相应内容),向其中写入配置信息并保存: module.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static' } 1. 2. 3. 4. 5. module.exports = { // 基本路径 baseURL已经过时 publ...
一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后...
新项目是VUE3+VITE4做前端,后端是FastAPI,开发环境中前端访问后端正常,没有任何问题,打包部署到服务器上前端始终无法访问后端服务器,在网上查了很多资料,解决方法其实是有问题。现记录如下,备查。 一、前端配置的问题 前端vite.config.ts里的代理配置只适用开发环境,和正式环境无关!!
以此类推...，从而实现多个项目在一个端口上部署。实现步骤如下：1、调整vite.config.js配置文件 在该...
vite vue3 打包到Linux 环境nginx需要的配置 linux部署vue项目到nginx,本博客是总结本人在linux服务器上将vue项目部署到Nginx上的经历一.准备好vue项目1.安装vue环境2.打包vue项目进入你项目的文件夹,找到config文件夹下的index.js文件(config/index.js),打开修改里面a
vue3 + vite + nginx 在服务器上部署后打开首页都没问题,打开其他路径全部 404。 nginx 报错日志:No such file or directory 其实查看 build 后的dist文件夹可以发现,只有一个index.html,当你访问别的路径时nignx查找不到所以就报错了 解决方案: 在nginx.conf 中添加:try_files $uri $uri/ /index.html; ...
前端多项目部署到 Nginx 的同一监听端口下的解决方案,项目由一个主项目和多个子项目组成,主项目和子项目都是单独打包。 主子项目之间是使用的腾讯开源的无界(WebComponent容器+ iframe 沙箱)前端框架,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共...
实现多个vue项目在同一个端口部署的步骤如下：首先，调整项目的配置文件vite.config.js，在其中添加配置项base，将其值设为每个项目的标识符，如base:'/project1'。其次，修改vue-router路由创建的代码以适应新的配置。然后，运行项目并打包，确保配置正确无误。在运行时，控制台应显示项目在特定路径下的...