nginx配置多个vue项目

最新推荐文章于 2024-04-02 16:50:11 发布
最新推荐文章于 2024-04-02 16:50:11 发布
阅读量1.3k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37866866/article/details/125622524
版权

nginx配置多个vue项目

vue修改（第一个项目默认配置即可，修改第二个项目）
1、在vue.config.js中设置 publicPath: ‘/admin/’
在这里插入图片描述

2、 在路由index.js中设置 base:’/admin/’
在这里插入图片描述

3、在打包后的index.html中加入
在这里插入图片描述

nginx配置

1、将第二个项目的dist文件重命名为admin
2、nginx配置路径，（注意，alias而并非root）
在这里插入图片描述

羅森林
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
怎么用nginx部署多个前端项目
m0_51732378的博客
12-09 2842
nginx部署多个前端项目流程
Nginx反向代理实现部署dist文件
BadBoyxiaolin的博客
04-25 2242
Linux服务器安装nginx可以参考文章–Linux服务器安装Nginx Nginx常用命令可以参考文章–Nginx 启动、关闭、重启、检测等常用命令 1.创建文件存放dist文件 我的nginx安装目录为：/usr/local/nginx/nginx-1.21.6 注意：每个人的安装目录可能不一样 第一步进入自己nginx的安装目录 第二步新建存放dist文件存放的文件夹 第三步将dist文件上传到新建的文件夹中 //进入nginx安装目录 cd /usr/local/nginx/nginx-1.
nginx配置多vue项目
最新发布
withme977的博客
04-02 473
多个vue项目用nginx部署
nginx配置代理多个前端资源
Mark的博客
04-04 1611
3.vim nginx.conf 通过多个server管理多个端口前端资源代理。1.进入Linux机器，whereis nginx 查看Nginx安装位置。两套不同的前端使用同一个后端服务，前端使用的Nginx代理的dist包。4.保存好了后，进到sbin文件下重启Nginx，#前端一，端口8080访问就可以代理到。#前端二，端口8082访问就可以代理到。2.进到Nginx配置文件下。
使用nginx服务本地运行打包后VUE项目的dist文件最简方法
Beatingworldline的博客
07-12 2077
nginx
前端在nginx上部署vue的dist包，配置跨域问题
weixin_63029264的博客
01-11 1432
一般为位置为 /usr/local/nginx/conf/ ,如果知道你服务器的配置文件位置，那我们直接切进去。这边让我们输入密码，输入密码时候是不可见的 所以输入直接敲回车 正确就直接进去了，错了就重新来过。找到nginx安装的目录下的 /sbin 文件夹，我的是在 /conf的同级目录。根据需要进行启动配置。
使用nginx部署多个前端项目
qq_25983579的博客
05-23 2260
使用nginx部署多个前端项目 个人总结了3种方法来实现在一台服务器上使用nginx部署多个前端项目的方法。 基于域名配置 基于端口配置 基于location配置 基于域名配置 基于域名配置，前提是先配置好了域名解析。比如说你自己买了一个域名：www.fly.com。 然后你在后台配置了2个它的二级域名： a.fly.com、 b.fly.com。 配置文件如下： 配置 a.fly.com 的配置文件： server { listen 80; server_nam
nginx部署vue的dist文件
weixin_43964779的博客
11-23 2046
第一步当然是下载了 http://nginx.org/en/download.html 下载的不用安装，可以直接点击 nginx.exe 文件打开，也可以通过 cmd 打开 nginx // cd到nginx所在目录，启动nginx start nginx // 修改配置后重新加载生效 nginx -s reload // 重新打开日志文件 nginx -s reopen // 测试nginx配置文件是否正确 nginx -t -c /path/to/nginx.conf // .
【运维】手把手教你在Linux/Windows系统使用Nginx部署多个前端项目【详细操作】
m0_64210833的博客
06-11 7507
手把手教你如何在Linux/Windows系统上使用Nginx部署多个前端项目，并且教你如何关闭防火墙解决项目访问失败问题。
Nginx部署两个vue项目
weixin_28686261的博客
07-22 1173
公司要求一个URL下连接两个项目，查阅了半天了解到nginx，研究了研究终于搞定了，记录一下过程，方便以后温习。 线上nginx搭建是后台写的，开发环境是前端（也就是我）写的，所以文章是以前端角度描述的。 首先主域名是www.url.com，要绑定的子域名是www.url.com/two（two是第二个项目的名字） 第一个项目默认为根url，'/' 就自动选择第一个项目，第二个项目为 '/two' ， url输入www.url.com/自动选择第一个项目，url输入www.url.com/two自动选
nginx运行vue项目的dist文件
honvin的博客
10-09 3204
nginx运行vue项目的dist文件，并防止刷新404
nginx部署多个vue项目的方法示例
10-14
主要介绍了nginx部署多个vue项目的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
nginx 部署 vue 项目找不到js css文件的解决方法
01-11
很多时候 npm run build 之后， index.... 你需要在项目的根目录新建一个 vue.config.js, 添加如下内容： ... module.exports = { baseUrl: isProd ? '/baseXXX/' : '/', .... } 这里需要注意的是 dev 环境下不需
使用同一个nginx同时启动两个项目
忽而半夏
09-01 2875
使用同一个nginx同时启动两个项目 本地调试两个项目的时候，最开始使用两个配置文件切来切去的，太麻烦，遂有了用同一个服务启动两个项目的办法，百度了一下没有比较好的例子，东拼西凑搞出来一种实现办法，现贴在这里，以供查阅 worker_processes 2; events { worker_connections 1024; # 最大连接数 multi_accept on; } http { include mime.types;
Nginx同一端口部署多个前后端分离的vue项目
u010797364的博客
03-09 6061
nginx 一个端口部署多个vue项目
Nginx部署多个vue项目
weixin_45054115的博客
06-09 5935
同一台nginx 部署多个vue项目
Nginx-部署2个vue项目（多个项目）-二级域名设置代理
路虽远行则将至，事虽难做则必成。
05-16 3125
最近在实际开发过程中，需要在服务器部署2个项目。需要nginx二级域名。开始时候在网上查了一圈，各有说法，不是很全，很头大。这里把自己成功的二级域名代理记录一下。网上有很多文章说要该router.js文件，要该vue.config.js中的publicPath的路径问题。不用这么麻烦。很多文章都是说在nginx配置2个server就行了，但其实你不在域名哪里解析的话是访问不到的（重点）。
前端将项目部署在nginx
weixin_44986077的博客
05-14 2681
最近写了一个小的移动端的项目，需要进行手机上测试，下面就需要前端自己将项目进行部署 1.进行Nginx的下载（尽量下载稳定版） 进行解压完成之后如上图，双击nginx.exe（在网上搜了很多说双击闪退是开启了） 打开html文件夹如下图 把打包好的dist文件放入html文件夹如下图 进行最重要的一步配置nginx.conf文件 最重要的部分 location /dist { root E:/work/nginx-1.18.0/html; //根据自己的文件位置

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值