server_name localhost;#charset koi8-r;#access_log logs/host.access.log main;# 这个代理和项目无关location / { root html; index index.html index.htm; }# 代理自己的项目location /cees-client {aliashtml/cees-client; index index.html;# autoindex on;try_files$uri$uri/ /cees-client/index.html...
一、 使用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.将打包后...
解决方案:因为项目使用vue-router4,api上面有变动,需要在createWebHistory方法写入对应参数,如下官方文档截图: 参考文档:https://router.vuejs.org/zh/api/#createwebhistory 修改完成后,跳转正确: 3.访问页面子路由后刷新页面404; 解决方案:修改nginx配置文件 ...
首先找到自己的vue的项目然后输入命令 npm run build 他会在你的vue目录下生成一个dist文件夹里面就是你的vue的项目 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要...
新项目是VUE3+VITE4做前端,后端是FastAPI,开发环境中前端访问后端正常,没有任何问题,打包部署到服务器上前端始终无法访问后端服务器,在网上查了很多资料,解决方法其实是有问题。现记录如下,备查。 一、前端配置的问题 前端vite.config.ts里的代理配置只适用开发环境,和正式环境无关!!
在nginx配置文件中添加一个rewrite规则，将所有与项目相关的URL请求都重定向到index.html，以便Vue Router...
一. vue前端项目打包 使用vscode开发项目 ,在src的同级目录下创建一个vue.config.js文件(已有的话则修改相应内容),向其中写入配置信息并保存: module.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static' } 1. 2. 3. 4.
重点在于两个设置：1. /api/路径后是否跟有斜杠，需根据项目实际情况进行决定。2. proxy_pass 10.84.***.***:9199/; #替换为实际后端服务器地址和端口 在proxy_pass配置中，需特别注意添加斜杠。如果没有斜杠，直接访问将无法成功获取后端API。总结以上，VUE3+VITE项目在开发环境与正式环境的连接...
vue3 + vite + nginx 在服务器上部署后打开首页都没问题,打开其他路径全部 404。 nginx 报错日志:No such file or directory 其实查看 build 后的dist文件夹可以发现,只有一个index.html,当你访问别的路径时nignx查找不到所以就报错了 解决方案: 在nginx.conf 中添加:try_files $uri $uri/ /index.html; ...
网站部署上线原来这么简单,不要在百度上到处乱搜了 大部分人都在写代码的时候都是在开发环境写的,当实际项目要部署上线时需要把代码打包放到服务器上运行。这个过程中经常出现nignx访问页面空白,api调用404的问题,跟着视频两三步学会网站打包部署。#vue #nginx ...