### 步骤 1:准备多个 Vue 项目的打包文件 首先确保每个 Vue 项目都已经打包完成,并获得了对应的 dist 文件夹。 ### 步骤 2:修改 Nginx 配置文件 找到Nginx 的配置文件,一般位于 /etc/nginx/nginx.conf 或 /etc/nginx/conf.d/default.conf。 使用编辑器打开配置文件,根据需要添加多个 server 配置,每个 serve...
location对象中,root就是vue项目的地址;index就是映射的文件; 在绝大多数项目中都是采用前后端分离的,所以我们需要配置下nginx的代理来完成请求,代理的配置就在proxy_pass中 当完成上述的配置酒后,就可以启动nginx预览你的vue项目了; 我们需进入到sbin目录,在sbin目录执行如下命令 ./nginx 如果vue前端有修改,...
使用配置文件:nginx-c"配置文件路径"使用帮助:nginx-h 4.部署前端项目,比如我的前端项目发布后的目录是 D:\VueSite 修改nginx.conf的location 的 root 配置,指定前端项目的目录;index 是用来指定首页的,vue编译完了首页就是index.html 这里不用改。 然后执行命令 nginx -s reload 重启nginx ,访问 http://local...
如何在不动第一个项目的情况下来部署第二个Vue项目; 内容 前端配置 publicPath 修改vue.config.js下的publicPath参数 jspublicPath: process.env.NODE_ENV==='production'?'/screen/':'/', 完整配置如下: jsconst{ defineConfig } =require('@vue/cli-service');constpath =require('path');constresolve= (...
假设需要部署的第二个vue项目是放在服务器的 “project” 目录下 打包环境: 1、os:Windows10 2、node: v12.19.0 3、vue-cli3 4、vue:2.3.10 第一步 将vue.config.js里的 publicPath 设置为‘'/project/' 代码语言:javascript 复制 publicPath:'/project/' ...
本文介绍使用nginx服务器在同一个域名下如何部署多个前端项目,在vue3使用vite打包时配置文件vite.config.ts中的base的配置方式,以及vue-router中history的配置方式,以及如何在nginx中配置才能使前端项目正常解析等关键步骤,结束你在前端项目部署时的苦恼。 项目场景描述 ...
1.配置nginx.conf 2.打包VUE项目的注意点,配置 vue.config.js 3.项目访问 本地浏览器输入地址(80端口):http://localhost/...
nginx部署多个前端vue项目,有3种方式 域名配置 端口配置 location配置 首先我们看一下nginx.conf配置文件 116ffee592ee028b88a06c0862d62e2.png 为了方便管理,在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录,直接mkdir 创建conf.d ...
多个vue项目nginx部署流程 nginx部署流程 #在nginx.conf中配置 #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type ...