nginx 部署多个前端vue项目的3种方式,一篇文章搞定

作者&投稿:年审 (若有异议请与网页底部的电邮联系)
~ 首先我们看一下nginx.conf配置文件

为了方便管理,在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录,直接mkdir 创建conf.d
*.conf 详细可参考:

这种方式只需要开放80端口,然后访问二级域名。

这种方式的好处是只有一个server ,而且不需要二级域名、用路径location就能实现。

但是这种方式的一个缺点,就是vue项目前端需要改配置。修改地方如下:

react 配置请参考: https://blog.csdn.net/mollerlala/article/details/96427751?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2

vue 配置请参考: https://blog.csdn.net/weixin_33868027/article/details/92139392


万全县19320519370: TOMCAT如何部署两个java web项目? -
陈没冰干酵: 1、可以使用集群方式来部署.2、集群方式可以采用nginx+tomcat方式来部署两个或者多个Java web项目.原理:1、nginx作为集群,能够通过给出多个端口号来配合tomcat一起使用.2、有了多个端口号,那么Java项目即可通过不同的端口来进行访问.

万全县19320519370: 如何在一个域名下面部署多个nodejs项目 -
陈没冰干酵: 1.方案一:配置好域名之后,直接修改端nodejs项目的端口号为80就行2、方案二:如果80端口号已经被别的项目占用,那么就用nginx的反向代理

万全县19320519370: 如何在一台服务器上部署多个node.js站点 -
陈没冰干酵: 用nginx、apache做前级分发,node服务启动在不同的端口(tcp端口 or Unix socket),很方便,nginx占80端口即可,可以方便接入各种不同的web服务(php、java) node内建服务来实现分发,原理和上面类似,只不过前级有node来占80端口.http请求产生的request对象会带有host信息,根据自己的需求,对host做一个路由,就可以实现不同的虚拟机了.

万全县19320519370: 如何在nginx下布置多个angluarjs文档 -
陈没冰干酵: 1. 首先,我们要分析一下这两个框架的几个要素.laravel 框架里包含了前端渲染的功能,所以整合的过程中.我们要摒弃laravel 的渲染模板,laravel只提供纯粹的接口功能.angularjs 框架消费接口,并实现显示逻辑,页面跳转等前端功能.路由...

万全县19320519370: vuejs怎么在服务器部署 -
陈没冰干酵: 用vue-cli搭建的做法1、npm run build2、把dist里的文件打包上传至服务器 例 /data/www/,我一般把index.html放在static里 所以我的文件路径为:/data/www/static |-----index.html |-----js |-----css |-----images ....3、配置nginx监听80端口, location /static alias 到 /data/www/static,重启nginx location /static { alias /data/www/static/; }4、浏览器访问http://ip/static/index.html即可

万全县19320519370: webpack打包后的代码,如何部署到服务器上 -
陈没冰干酵: 本文章前端代码是基于vue+webpack开发的 Nginx是一款轻量级的Web 服务器/反向代理服务器 首先,webpack配置如下 在开发过程中,我们是通过npm run dev在开发环境中运行代码 如果要部署到生产环境中,可以运行npm run build进行上线...

万全县19320519370: 如何使两个nginx同时运行 -
陈没冰干酵: 1、在启动nginx之前,打开nginx.conf配置一下你的工程目录,比如:server { listen 8000; server_name saveimage alias another.alias; location / { autoindex on; root "d:\site"; index index.html index.htm; } }然后启动nginx就可以运行html了;2、...

万全县19320519370: linux中Nginx怎么添加多个站点或网站 -
陈没冰干酵: 你可以配置多个server,一个server就是一个站点.例如:server { listen 80; server_name 123.com; ...} server { listen 80; server_name abc.com; ...}

万全县19320519370: 请教nginx 多个 server 怎么配置 -
陈没冰干酵: 在/etc/nginx/下建一个文件夹放站点的配置文件,如example 地址是:/etc/nginx/example 在example文件夹里建多个站点的conf文件,如:example1.conf , example2.conf 每个conf配置文件如下,可修改server_name 和 location地址设...

万全县19320519370: 如何在生产服务器上部署 Node.js 应用 -
陈没冰干酵: 服务器推荐用nginx,配置简单,性能强悍. nginx可以使用代理访问后端的Node.js应用服务器. 配置方法: 1)在配置文件http段内容添加后端服务器: http { #添加后端服务器,和nginx负载均衡配置一样 upstream nodejs { server 127.0.0.1:...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网