4.部署前端项目,比如我的前端项目发布后的目录是 D:\VueSite 修改nginx.conf的location 的 root 配置,指定前端项目的目录;index 是用来指定首页的,vue编译完了首页就是index.html 这里不用改。 然后执行命令 nginx -s reload 重启nginx ,访问 http://localhost:88/ 就可以正常访问vue项目了 server { listen88;...
#access_log logs/host.access.log main; location / { //单个项目部署 root /home/majunchao/FrontEndCode/jlj01; #jlj01项目所存放的路径 #try_files $uri /oauth/index.html; index index.html; } location /cqdz-view01 { //第二个项目部署 #cqdz-view01第二个项目所在路径的最后一个文件夹名 root...
一,Vue路由Hash模式配置nginx 路径为/访问项目配置: 将Vue-router插件中基础路径选项base设置为/。 router/index.js const router = new VueRouter({ base:'/', routes, }) 1. 2. 3. 4. 打包好的文件dist的绝对路径复制,打开nginx配置文件nginx.conf,在servera选项中配置路径 server:{ # ... location /...
index index.html index.htm; } #在html文件夹下创建remoteWeb文件夹,存放第二个VUE项目 location /remoteWeb/ { # remoteWeb文件夹的绝对路径 alias D:/BtSoft/nginx/html/remoteWeb/; index index.html index.htm; } 2.打包VUE项目的注意点,配置 vue.config.js module.exports=defineConfig({// 配置静态...
Nginx——一个域名下部署多个Vue项目 前言 当前生成环境已经有一个正常的Vue项目,现在需要将大屏项目也部署到同一个域名下,搜索了下类型的问题,感觉问的还挺多的,所以这里记录下操作步骤; 如何在不动第一个项目的情况下来部署第二个Vue项目; 内容 前端配置...
在Nginx上部署多个Vue前端项目,可以按照以下步骤进行配置: 1. 安装和配置Nginx服务器 首先,确保你的服务器上已经安装了Nginx。如果还没有安装,你可以使用以下命令在Ubuntu或Debian系统上安装Nginx: bash sudo apt update sudo apt install nginx 安装完成后,你可以通过以下命令检查Nginx是否正在运行: bash sudo system...
单个nginx如何部署多个vue项目步骤 接下来我们开始进行单个nginx部署以上两个vue项目,步骤如下: 1、第一步:复制项目进html 首先在nginx的html目录中,新建两个名为web70和web90的文件夹,分别将这两个项目build后的dist目录中的代码拷贝进去,注意不包括dist目录本身。
假设需要部署的第二个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 一个端口部署多个vue项目 简单记录 nginx 单个端口部署多个vue项目的过程。 第一步 nginx 相关位置代码: server { listen80; server_name localhost; add_header'Access-Control-Allow-Origin''*'; client_max_body_size 500m; #第一个项目 location/{...