精华内容
下载资源
问答
  • 1Nginx同一端口代理多个项目 # 项目A server { listen 80; server_name www.a.com; location / { try_files $uri $uri/ /index.html; root /opt/epidemic_platform/app; index index.html index.htm; ...

    1、Nginx同一个端口代理多个项目

    # 项目A
    server {
       listen       80;
        server_name  www.a.com;
    
        location / {
        	try_files $uri $uri/ /index.html;
            root   /opt/epidemic_platform/app;
            index  index.html index.htm; 
        }
    }
    # 项目B-与项目A80端口
    server {
        listen       80;
        server_name  www.B.com;
        location / {
        	try_files $uri $uri/ /index.html;
            root   /opt/epidemic_platform/web;
            index  index.html index.htm; 
        }
    }
    
    
    

    2、Nginx同项目多端口代理

    # 项目A-80端口
    server {
       listen       80;
        server_name  www.a.com;
    
        location / {
        	try_files $uri $uri/ /index.html;
            root   /opt/epidemic_platform/app;
            index  index.html index.htm; 
        }
    }
    
    # 项目A-443端口
    server {
      listen 443 ssl;
      server_name www.a.com;
      ssl_certificate /Website/00Cert/xxx.com.pem;
      ssl_certificate_key /Website/00Cert/xxx.com.key;
      ssl_session_timeout 5m;
      ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
      ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
      ssl_prefer_server_ciphers on;
      location / {
        try_files $uri $uri/ /index.html;
          root   /opt/epidemic_platform/app;
          index  index.html index.htm; 
      }
    }
    
    展开全文
  • Nginx同一端口部署多个vue项目

    千次阅读 2020-08-03 11:42:10
    Nginx同一端口部署多个vue项目,亲测有效

    先看效果

    app1

    浏览器输入192.168.66.66:10000/app1 访问app1

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    app2

    浏览器输入192.168.66.66:10000/app2 访问app2

    在这里插入图片描述

    配置方法

    
    1. 前台代码更改3个地方
    	- 发网络请求的路径加固定前缀, 如:testurl #注意如果还在开发阶段,需要更改vue.config.js的代理配置
    	- 前端路由base固定前缀路径 app1
    	- 前端项目的虚拟项目名  app1
    	# 注意:路由固定路径和虚拟项目名必须一致
    	
    2. 配置 nginx   网络请求的转发    前台地址重定向
    

    示例1


    1. src\libs\api.request.js 改网络请求统一前缀

    2. vue.config.js 配置开发时代理

    3. src\router\index.js 改路由base固定前缀

    4. vue.config.js 配置前端虚拟项目名


    1. 前台代码更改配置

    1. src\libs\api.request.js 改网络请求统一前缀 testurl
    const baseUrl = '/testurl'
    
    1. vue.config.js 配置开发时代理,保证开发时也能正确访问到后台 testurl
    devServer: {
        proxy: {
          '/testurl/api': {
            target: 'http://10.111.43.12:8090/',
            pathRewrite: { '^/testurl/api': '/' }
          }
        }
      }
    
    1. src\router\index.js 改路由base固定前缀 app1
    Vue.use(Router)
    const router = new Router({
      base: 'app1',
      routes,
      mode: 'history'
    })
    
    1. vue.config.js 配置前端虚拟项目名 /app1/
    const BASE_URL = '/app1/'
    
    publicPath: BASE_URL,
    

    2. nginx 配置

    server {
            listen       10000;
            server_name  localhost;
    
            add_header                  Set-Cookie "HttpOnly";
            add_header                  Set-Cookie "Secure";
            add_header                  X-Frame-Options "SAMEORIGIN";
    
            #此配置可省略,仅仅是为了输入10.111.43.12:10000 时有个默认首页        
            location / {
                root html/;
                index index.htm index.html;
            }
            # 前台页面重定向 ,不能配置root alias ;记得把dist下的内容外移一层
            location ^~ /app1/ {
                try_files $uri $uri/ /app1/dist/index.html;
            }
            location ^~ /app2/ {
                try_files $uri $uri/ /app2/dist/index.html;
            }
    
            # 网络配置转发到网关
            location /cxyxcwdzurl/api/ {
                proxy_pass http://localhost:8090/;
    
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            }
    
        }
    

    3. 服务器前台打包放置路径

    在这里插入图片描述

    html下面建立app1文件夹,将打包好的dist.zip 解压到app1下面

    最最最重要的是:必须把dist目录下的内容拷贝到 app1目录,否则访问报错forbidden

    cd /usr/local/nginx/html/app1
    cp -r dist/*  ./
    

    app2部署方式,和app1类似,触类旁通,聪明的你,肯定已经学会了!

    脚下留心

    我也是摸石头过河,一个一个坑踩过来的,用了最最简陋的配置办法进行配置;

    如有其他优化配置办法,期待您的分享。1206157433@qq.com

    展开全文
  • Nginx反向代理个80端口配置多个微信项目详解  我们要接入微信公众号平台开发,需要填写服务器配置,然后依据接口文档才能实现业务逻辑。但是微信公众号接口只支持80接口(80端口)。我们因业务需求需要在个...
  • 步:vue项目打包前,更改publicPath,不同版本在不同目录下,2.X在build->config下,3.X在vue.config.js下,如下图设置,我的是3.0;打包。 module.exports = { productionSourceMap: false, //减少打包后...

    第一步:vue项目打包前,更改publicPath,不同版本在不同目录下,2.X在build->config下,3.X在vue.config.js下,如下图设置,我的是3.0;打包。

    module.exports = {
      productionSourceMap: false, //减少打包后的.map文件
      publicPath: '/web/',
    
      // 输出文件目录
      outputDir: 'web',
    }

    第二步:配置nginx,伪静态设置,如下图,默认打开是前端,后台为admin,请注意root和alias的区别,简单的说,root会自动加上location后的路径,alias则不会。

    location / {
      alias /www/wwwroot/new.xxx.com/web/;
      index  index.html;
      try_files $uri $uri/ @router;
      error_page  404  /index.html;
    }
    
    location /admin {
      alias /www/wwwroot/new.xxx.com/admin/dist/;
      index  index.html;
      try_files $uri $uri/ @router;
      error_page  404  /index.html;
    }
    
    location @router {
      rewrite ^.*$ /index.html last;
    }

    第三步:请根据伪静态设置,正确上传文件位置。

    第四步:如有fonts字体加载失败,或者不正常显示,说明是目录加载问题,需更改,assetsPublicPath,实际情况请根据自己文件修改。

    展开全文
  • 前端是8080, 访问地址不变,xx.xx.com即可 后端访问为 xx.xx.com/api 开头。 以egg.js为列,需要配置前缀/api开头才可以,否则会报404 not found

    一、配置同一端口访问两个服务器项目

     

    前端是8080,

    访问地址不变,www.xx.com即可

    后端访问为 www.xx.com/api  开头。

    以egg.js为列,需要配置前缀/api开头才可以,否则会报404 not found

    二、配置访问静态资源目录

     

    项目中在服务端会生成预览页面,所有还需要配置一个用于访问静态资源的地址,但是域名都是一个www.xx.com开头

    在nginx中指定文件路径有两种方式root和alias,指令的使用方法和作用域:
    [root]
    语法:root path
    默认值:root html
    配置段:http、server、location、if
    [alias]
    语法:alias path
    配置段:location

    root与alias主要区别在于nginx如何解释location后面的uri,这会使两者分别以不同的方式将请求映射到服务器文件上。
    root的处理结果是:root路径+location路径
    alias的处理结果是:使用alias路径替换location路径

    alias是一个目录别名的定义,root则是最上层目录的定义。
    还有一个重要的区别是alias后面必须要用“/”结束,否则会找不到文件的,而root则可有可无

     

    假设资源地址是E:/xxproject/app/public/tmp/;

    1、使用alias方式,不会把location后的内容加到路由后面,所以采用www.xx.com/api/preview可以访问到

    	server {
    		listen 80;
    		client_max_body_size 8m;
    		server_name www.xx.com;
    
    		location /api/preview/ {
                            alias   E:/xxproject/app/public/tmp/;
                            autoindex on;
    		}
    	}

    2、采用root方式,会把localtion后的内容加到路由后面,即访问路径为www.xx.com/tmp/ ,映射的地址为E:/xxproject/app/public/tmp/;

            location /tmp/ {
                root   E:/xxproject/app/public/;
                autoindex on;
            }

    三、nginx命令

    1、Linux系统

    nginx 目录/usr/local/nginx/conf/

    进入 vim /etc/profile 文件

    添加 export PATH=$PAHT:/usr/local/nginx/sbin

    source /etc/profile

    停止 nginx -S stop

    启动/usr/local/nginx/sbin/nginx -s reload

    执行nginx -s reload报错:nginx: [error] invalid PID number "" in "/usr/local/nginx/logs/nginx.pid"
    解决方法:/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
    

     

    2、window系统(进入nginx所在目录执行哈~)

    nginx -s stop/reload

    start nginx

    taskkill /f /im nginx.exe杀死进程

    展开全文
  • nginx配置多个域名使用同一端口

    千次阅读 2020-12-01 10:58:31
    随着服务器性能的提升和业务的需求,台服务器上往往会同时有多个服务,这些服务都希望监听80端口,比如有a.com和b.com。这时候我们可以使用nginx的代理转发功能帮我们实现共用80端口的需求。 先在两个空闲的端口...
  • ,先看一下nginx.conf文件,如果有下面的行 include /etc/nginx/sites-enabled/*; 表示配置文件加载sites-enabled下的文件。 二,修改/etc/nginx/sites-enabled下的default文件 内容如下 server { ...
  • 昨天辛苦地搞定了dede的模板问题,因为dede...因此需要研究单IP开放多个端口来访问不同的站点。 网上资料也不少,但是从上午弄到现在,可参考资料: https://blog.csdn.net/ypeij/article/details/81562663 ht...
  • nginx配置一个端口访问

    千次阅读 2019-05-31 11:07:11
    1.打开nginx配置文件 /usr/local/webserver/nginx/conf/nginx.conf 2.在http模块下,server模块后加上如下内容 # another virtual host using mix of IP-, name-, and port-based configuration server { listen...
  • 本篇文章主要介绍了nginx 配置多个tomcat共用80端口,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • nginx配置一个Ip多端口多

    千次阅读 2018-10-15 16:33:37
    在/usr/local/nginx/conf/vhost目录下新建一个.conf文件,内容 server  {  listen 端口1;  #listen [::]:80;  server_name IP地址;  index index.html index.htm index.php default.html default.htm...
  • 前端nginx配置并且同一域名配置多个项目前端nginx配置并且同一域名配置多个项目first of all下载配置nginx配置nginx开机自启动nginx -t 找不到nginx的修复nginx进行重启Nginx同一个域名配置多个项目nginx按不同的...
  • 转 ...、准备两tomcat以及Nginx安装包 1.1分别命名为tomcat1,tomcat2。 1.2在两tomcat的webapps下面分别新建个项目 server1,server2. 二、配置Ngnix的配置文件 http { include mime...
  • 近期谷歌浏览器更新后,浏览器访问网页已经不能通过个页面实现不同端口号的跳转(例如多个不同前端项目的合并登录页),所以目前就可以通过给网页访问链接增加不同的url前缀,来让Nginx去实现同一端口下访问不同的...
  • nginx配置相同端口号访问多个项目

    千次阅读 2017-01-06 10:26:36
    Nginx配置相同端口号访问多个工程,多个工程在不同的tomcat,而且访问路径不同,特此记录一下配置过程。有A,B两个项目,访问localhost即访问A工程,访问localhost/b即访问B工程,A,B不在同一个tomcat,用nginx配置...
  • 由于在项目中需要一个外网端口支持一个maven仓库一个tomcat,但是只有一个端口,没有办法,只能通过nginx代理实现 现在提供nginx配置如下 server {  listen 8081;  server_name localhost;  #charset koi...
  • nginx同一个ip同一端口下面如何发布多个项目? 有两种方式:①根据路径进行区分项目,②根据域名来区分项目 ,根据路径进行区分项目 如果有两个项目都在服务器的根目录,项目的路径是/home/...
  • 前提条件:你服务器nginx的80端口和70端口要允许通过:不然启动了无法访问 比如我这里的 server{ listen 80;#监听18081端口,可以改成其他端口 server_name 148.70.164.213;#当前服务的域名 location / { .....
  • Nginx配置多个项目使用同一端口号的办法
  • Nginx 不同端口配置多个项目

    万次阅读 2020-01-07 10:18:17
    上述方法介绍了如何快速安装配置 Nginx, 但想要配置多项目的话该怎么做呢? 进入目录 /etc/nginx/conf.d 执行 vim file1.conf, 新建并编辑 .conf 文件, 输入并修改下列代码 [查看Vim 编辑器使用方法] server { ...
  • Nginx 默认端口配置多个项目映射

    千次阅读 2019-06-18 17:13:36
    Nginx 默认的 80 端口如果想要同时配置多个项目,让项目实现不需要指定端口号即可访问,按照如下配置即可 更多精彩 更多技术博客,请移步 IT人才终生实训与职业进阶平台 - 实训在线 前置内容 使用 Nginx 部署 ...
  • Nginx(10) nginx 配置多个server,多个端口

    万次阅读 2016-12-03 01:54:28
    现在同一linux服务器配置端口的服务,拟用已经运行 的nginx来...创建一个配置文件 比如 /usr/local/nginx/sites-available/gaotianyue.conf upstream gaotianyue.com{ server 127.0.0.1:8070 weight=1; } server {
  • nginx同一个地址端口代理多个页面

    万次阅读 2019-06-13 21:08:20
    有时候在使用nginx代理页面是,会需要个ip地址同一端口代理多个前段页面,可能是angular页面,可能是静态页面,这时在个server中配置就会出现只有个起作用的情况,所以就需要做一些特别的处理。 使用...
  • nginx
  • Linux下nginx配置多个端口

    万次阅读 2018-08-11 13:50:52
    刚刚接触了Linux,安装了nginx,php,mysql之后,phpmyadmin可以正常使用。将自己的项目放了进来,配置端口号。...其实:和win下面配置多个端口号一样。如下: user www www; worker_processes ...
  • 主要介绍了nginx配置多个站点共用80端口的解决方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • nginx配置多端口访问多项目

    万次阅读 2015-12-15 16:40:11
    本地开发测试时,一个localhost通过指向不同的端口来指向不同的项目路径。 比如localhost:80指向D:/WWW目录,localhost:801指向D:/bbs目录。默认情况下是localhost的80端口指向你安装phpstudy时指定的路径。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 122,824
精华内容 49,129
关键字:

nginx配置同一个端口多个项目