VUE3+VITE项目开发环境连接后端和打包部署连接后端设置是不一样的:一个是直接在vite.config.ts中配置,一是要用nginx来做代理;二是注意nginx的配置的地址后面的"/"。
输入命令 nginx -s stop 附上一些常用命令 验证配置是否正确: nginx -t 查看Nginx的版本号:nginx -V 启动Nginx:start nginx 快速停止或关闭Nginx:nginx -s stop 正常停止或关闭Nginx:nginx -s quit 配置文件修改重装载命令:nginx -s reload 至此一个本地并配有代理的服务器就完成了,只要在局域网内的用户都可...
通过命令行进入nginx.exe所在目录,如图: 进入cmd命令行界面: 输入命令启动nginx: start nginx 不报错说明启动成功,如图: 在浏览器输入localhost,显示如下页面说明能够正常启动: 二、同一个nginx部署多个项目 视频地址:https://www.bilibili.com/video/BV1fG4y1a7Sv/?spm_id_from=333.337.search-card.all.click&vd...
在vite.config.js中配置base属性,打开配置文件: import{ defineConfig, loadEnv }from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig(({ mode }) =>{// 获取 .env 环境配置文件constenv =loadEnv(mode, process.cwd());return{base: env.VITE_BASE_PATH...
HTTPS配置:启用HTTPS可以保护数据传输的安全性。可以通过Let's Encrypt免费获取SSL证书,并使用以下命令安装和配置: sudoaptinstallcertbot python3-certbot-nginxsudo certbot--nginx-dyour_domain_or_ip CSP(Content Security Policy):CSP是一种安全机制,用于防止跨站脚本攻击(XSS)。可以在vite.config.js中配置CSP: ...
一、 使用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.将打包后...
开发环境 vite vue3 1 下载 https://nginx.org/en/download.html Stable version 稳定版本 --->nginx/Windows-1.24.0pgp nginx文件夹一定要放在没有中文的目录中 2 nginx在windows系统中如何启动、重启、停止 在nginx文件夹中打开cmd (如果是powershell不能直接使用cmd命令: 输入cmd回车即可) ...
vue+vite项目部署到二级路径nginx配置方法 因为域名有限,所以想把vue项目部署在某个域名的二级路径上,例如:https://www.example.com/someapp/下 nginx的配置如下: location^~ /someapp/{ indexindex.html; alias/opt/someapp/; try_files$uri$uri/ /someapp/index.html;...
首先要去nginx官网下下载nginx: 下载地址:https://nginx.org/en/download.html 下载下来会是一个解压包,解压到你想放的文件夹下 运行nginx.exe,然后打开浏览器输入localhost出来如下图片所示就说明成功了: 然后如果没有成功出来的话也不要慌不要怕,可能是你的端口被别的内容所占了这时你就打开你的nginx的目录下...
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上... qiulibi阅读 2,602评论 0赞 1 nginx部署vue项目,使用域名二级目录 首先,配置vue项目打包路径 1. vue.config.js 2. 配置vue-router 3. run bu... 忘川之曼殊沙华阅读 2,715评论 0赞 0 nginx...