精华内容
下载资源
问答
  • 接下来配置nginx的配置文件,这里连个项目分别都放在了 /home下 ,其他地方无需改变,需要改变server里面添加路由头匹配规则即可(感觉好像在linux中使用nginx的时候静态文件必须在/home一样而且包几层也会出现问题) ...

    vue 配置修改config->index.js中原build为

    build: {
    
    index: path.resolve(__dirname, '../dist/index.html'),
    
    assetsRoot: path.resolve(__dirname, '../dist'),
    
    assetsSubDirectory: 'static',
    
    assetsPublicPath: '/',
    
    productionSourceMap: true,
    devtool: '#source-map',
    
    productionGzip: false,
    
    productionGzipExtensions: ['js', 'css'],
    
    bundleAnalyzerReport: process.env.npm_config_report
    
    }

    改为

    build: {
    
    index: path.resolve(__dirname, '../dist/index.html'),
    
    assetsRoot: path.resolve(__dirname, '../dist'),
    
    assetsSubDirectory: 'static',
    
    assetsPublicPath: '/test/',     /*如果存在图片等静态资源,后面这个/必须要否则有些图片无法加载到 */
    
    productionSourceMap: true,
    
    devtool: '#source-map',
    
    productionGzip: false,
    
    productionGzipExtensions: ['js', 'css'],
    
    bundleAnalyzerReport: process.env.npm_config_report
    
    }

    然后修改vue 路由配置base或者你的每个路由都已经带上了test为前缀

    export default new Router({
      base: 'test',
      mode: 'history',
      routes: [
        {
          path: '/packup/submit/:share/:id',
          name: 'submit',
          component: GdPackReplaceSubmit
        },
        {
          path: '/packup/index/:share',
          name: 'index',
          component: GdPackReplaceMain
        }, {
          path: '/mobilecard/sxyd/index',
          name: 'mobileCardIndex',
          component: MobileCardIndex
        }, {
          path: '/mobilecard/sxyd/personinfo/:productId',
          name: 'personalInfo',
          component: PersonalInfo
        }, {
          path: '/mobilecard/sxyd/postcard',
          name: 'postCard',
          component: PostCard
        }, {
          path: '/mobilecard/sxyd/submitinfo',
          name: 'submitInfo',
          component: SubmitInfo
        }
      ]
    })

    或者

    export default new Router({
      mode: 'history',
      routes: [
        {
          path: '/test/packup/submit/:share/:id',
          name: 'submit',
          component: GdPackReplaceSubmit
        },
        {
          path: '/test/packup/index/:share',
          name: 'index',
          component: GdPackReplaceMain
        }, {
          path: '/test/mobilecard/sxyd/index',
          name: 'mobileCardIndex',
          component: MobileCardIndex
        }, {
          path: '/test/mobilecard/sxyd/personinfo/:productId',
          name: 'personalInfo',
          component: PersonalInfo
        }, {
          path: '/test/mobilecard/sxyd/postcard',
          name: 'postCard',
          component: PostCard
        }, {
          path: '/test/mobilecard/sxyd/submitinfo',
          name: 'submitInfo',
          component: SubmitInfo
        }
      ]
    })

    接下来配置nginx的配置文件,这里连个项目分别都放在了 /home下 ,其他地方无需改变,需要改变server里面添加路由头匹配规则即可(感觉好像在linux中使用nginx的时候静态文件必须在/home一样而且多包几层也会出现问题)

    server {
    		listen 9999;
    		server_name localhost;
    		root /home;
    
    		location /api {
    			proxy_pass         http://localhost:9090;
    		        proxy_http_version 1.1;
    		        proxy_set_header   Upgrade $http_upgrade;
    		        proxy_set_header   Connection keep-alive;
    		        proxy_set_header   Host $host;
    		        proxy_cache_bypass $http_upgrade;
    		        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
    		        proxy_set_header   X-Forwarded-Proto $scheme;
    		}
    		
    		location /test{
    			try_files $uri $uri/ /test/index.html last;
    			index index.html;
    		}
    
    		location /te{
    			try_files $uri $uri/ /te/index.html last;
    			index index.html;
    		}
    		
    		location @router{
    			rewrite ^.*$ /index.html last;
    		}		
    
    	}

    这样就可以实现使用相同域名相同端口号,访问不同项目,可以通过路由头来进行区分访问的项目

    展开全文
  • nginx一个域名多个项目部署,nginx一个域名多个项目部署,nginx一个域名多个项目部署,nginx一个域名多个项目部署
  • 主要介绍了docker nginx 部署多个项目的示例方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • Nginx同一个域名配置多个项目

    万次阅读 热门讨论 2018-11-06 08:47:40
    使用Nginx要在同一个域名下配置多个项目有两种方式: nginx按不同的目录分发给不同的项目 启用二级域名,不同的项目分配不同的二级域名 1.nginx按不同的目录分发给不同的项目: server { listen 80; server_...

    使用Nginx要在同一个域名下配置多个项目有两种方式:

    1. nginx按不同的目录分发给不同的项目
    2. 启用二级域名,不同的项目分配不同的二级域名

    1.nginx按不同的目录分发给不同的项目:

    server {
        listen    80;
        server_name example.com;
    
        location ^~ /project1 {
            proxy_pass     http://localhost:8081;
            proxy_set_header  Host       $host;
            proxy_set_header  X-Real-IP    $remote_addr;
            proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    
        location ^~ /project2 {
            proxy_pass     http://localhost:8082;
            proxy_set_header  Host       $host;
            proxy_set_header  X-Real-IP    $remote_addr;
            proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    
        location / {
           proxy_pass     http://localhost:8080;
           proxy_set_header  Host       $host;
           proxy_set_header  X-Real-IP    $remote_addr;
           proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

    这里配置了三个项目:

    • http://example.com/project1路径分发到http://localhost:8081
    • http://example.com/project2路径分发到http://localhost:8082
    • 其他路径分发到http://localhost:8080

    2.启用二级域名,不同的项目分配不同的二级域名

    注意:很多同学说无效,原因是一定要先对二级域名添加A记录到主机,同一个域名可以添加N个二级域名到同一个主机

    server {
        listen    80;
        server_name example.com;
        location / {
           proxy_pass     http://localhost:8080;
           proxy_set_header  Host       $host;
           proxy_set_header  X-Real-IP    $remote_addr;
           proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

    project1

    server {
        listen    80;
        server_name project1.example.com;
        location / {
           proxy_pass     http://localhost:8081;
           proxy_set_header  Host       $host;
           proxy_set_header  X-Real-IP    $remote_addr;
           proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

    project2

    server {
        listen    80;
        server_name project2.example.com;
        location / {
           proxy_pass     http://localhost:8082;
           proxy_set_header  Host       $host;
           proxy_set_header  X-Real-IP    $remote_addr;
           proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

    注意:这三个项目属于不同的域名,项目之间通过http访问会存在跨域问题。

    展开全文
  • nginx配置多个前端项目

    万次阅读 2018-09-06 15:40:23
    最近一台服务器要配置多个前端项目,当然前后端分离就需要nginx来配置了。 单个项目还好说,如下 修改nginxnginx.conf配置文件 #user nobody; worker_processes 1; #error_log logs/error.log; #...

    最近一台服务器要配置多个前端项目,当然前后端分离就需要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 /usr/local/nginx/logs/nginx.pid;
    
    
    events {
        worker_connections  1024;
    }
    
    
    http {
     
        server {
            listen       8000;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
            
            location / {
                root   /var/www/;
                #index  index.html index.htm;
            }
            location ~ /static/.*\.(gif|jpg|jpeg|png|bmp|swf)$ {
                root /var/www/project;
            }
    
            location ~ /static/.*\.(js|css)$ {
                root /var/www/project;
            }
    
            location = /project {
                root   /var/www/project;
                index  index.html index.htm;
            }
       
        }
    
    }
    

    但是出现了多个项目也需要在nginx.conf配置

    项目基于vue cli 开发的,打包时需要配置一下js,css 等静态文件的连接地址
    修改如下配置文件
    这里写图片描述
    根据项目名字或者路径名 修改 在对应的项目里

    assetsPublicPath: '/project/'
    -----------------------
    assetsPublicPath: '/project1/'
    

    然后再来配置nginx.conf

    user root;
    worker_processes  1;
    
    pid /usr/local/nginx/logs/nginx.pid;
    
    events {
        worker_connections  1024;
    }
    
    
    http {
        include       mime.types;
        default_type  application/octet-stream;
    
        #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
        #                  '$status $body_bytes_sent "$http_referer" '
        #                  '"$http_user_agent" "$http_x_forwarded_for"';
    
        #access_log  logs/access.log  main;
    
        sendfile        on;
        #tcp_nopush     on;
    
        #keepalive_timeout  0;
        keepalive_timeout  65;
    
        #gzip  on;
    
        server {
            listen       8000;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
            
            location / {
                root   /var/www;
                #index  index.html index.htm;
            }
    
            location = /project1 {
                root   /var/www/project1;
                try_files $uri $uri/ /project1/index.html;
                index  index.html index.htm;
            }
            
            location = /project2{
                root /var/www/project2;
                try_files $uri $uri/ /project2/index.html;
                index  index.html index.htm;
            }
    
        }
    
    }
    

    此处注意呢 user root; 需要加上, 不然范围报 500,
    然后重启一下nginx

     先停止
      ./nginx -s quit
     再重启
     /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
    

    当然nginx -s reload 可以 ,但是可能报错, 解决就用上面办法
    这里写图片描述

    成功访问
    192.168..:8000/project/index.html
    192.168..:8000/project1/index.html

    展开全文
  • nginx配置多个vue项目

    2020-09-30 03:23:55
    主要介绍了nginx配置多个vue项目的方法以及流程介绍,对此有需要的朋友参考下。
  • 主要介绍了nginx部署多个vue项目的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • nginx 配置多个项目

    千次阅读 2018-09-01 10:36:53
    worker_processes 4; #error_log logs/error.log info; #pid logs/nginx.pid; error_log /var/log/nginx/error.log info; pid /run/nginx.pid; events { use epoll; worker_connecti...

    worker_processes  4;
    #error_log  logs/error.log  info;
    #pid        logs/nginx.pid;
    error_log  /var/log/nginx/error.log  info;

    pid        /run/nginx.pid;


    events {
        use epoll;
        worker_connections  1024;
    }


    http {
        include       mime.types;
        default_type  application/octet-stream;

        log_format log_access '$remote_addr - $remote_user [$time_local] "$request" $http_host '
                              '$status $body_bytes_sent "$http_referer" '
                              '"$http_user_agent" "$http_x_forwarded_for" '
                              '"$upstream_addr" "$upstream_status" $upstream_cache_status "$upstream_http_content_type" "$upstream_response_time" > $request_time ' ;
        #access_log logs/access.log log_access;
        server_tokens off;
        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;

        client_body_timeout  20;
        client_header_timeout 20;
        keepalive_timeout  3000;
        send_timeout       20;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 128k;

        client_max_body_size 800m;
        client_body_buffer_size  2048k;
        client_header_buffer_size 32k;
        server_names_hash_bucket_size 2048;
        server_names_hash_max_size 1024;
        proxy_connect_timeout    60;
        proxy_read_timeout       300;
        proxy_send_timeout       300;

        proxy_buffer_size  16k;
        proxy_buffering on ;
        proxy_buffers    4 64k;
        proxy_busy_buffers_size 128k;
        proxy_max_temp_file_size 1024m;
        proxy_temp_file_write_size 128k;
        proxy_headers_hash_max_size 512;
        proxy_headers_hash_bucket_size 256;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.0;
        gzip_comp_level 2;
        gzip_types       text/plain application/x-javascript text/css application/xml application/javascript  application/octet-stream;
        gzip_vary on;

        server {
            listen       8080; 

            server_name  localhost 113.75.186.181; # 服务器地址

            rewrite ^/pc/noLogin  /cms/pc/noLogin permanent;

            location /cms {
              proxy_set_header Host $host:$server_port;
              proxy_set_header X-Real-IP $remote_addr;
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_pass http://113.75.186.181:28080/;
              client_max_body_size 10m;
            }
             location  /project1 {  
                alias  /opt/web-app/project1/dist/; #静态资源路径
                index  index.html index.htm;
               try_files $uri $uri/ /index.html =404;
            }

           location  /project2 {  
                alias  /opt/web-app/project2/dist/; #静态资源路径
                index  index.html index.htm;
               try_files $uri $uri/ /index.html =404;
            }
            location / {
                root  /opt/web-app/dist; #静态资源路径
                index  index.html index.htm;
            }
            error_page   500 502 503 504  /50x.html;

            location = /50x.html {
               root   html;
            }

        }
        server {
            listen       8089;

            server_name  localhost 112.74.186.131;

            rewrite ^/pc/noLogin  /cms_admin/pc/noLogin permanent;

            location /cms_admin {
              proxy_set_header Host $host:$server_port;
              proxy_set_header X-Real-IP $remote_addr;
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_pass http://112.74.186.131:18080/;
              client_max_body_size 10m;
            }
            location / {
                root  /opt/web-app/dist;
                index  index.html index.htm;
            }
            error_page   500 502 503 504  /50x.html;

            location = /50x.html {
               root   html;
            }

        }

    }

    访问http://113.75.186.181:8080      #cms系统

    访问http://113.75.186.181:8080/project1     #项目1页面

    访问http://113.75.186.181:8080/project2      #项目2页面

    访问http://113.75.186.181:8089              #cms_admin管理后台项目

     

    通过配置多个server 来跳转不同的项目 

    展开全文
  • nginx上面部署多个项目

    万次阅读 2018-11-01 10:55:12
    在网上搜了一下,一般有两种方法,第一种方法:在一个配置文件里面操作,把多个域名写在一个配置文件里面,第二种方法:一个域名对应一个配置文件,我是按照第二种方法操作的。比如在一个服务器上面,需要配置的域名...
  • 前端nginx配置并且同一域名配置多个项目前端nginx配置并且同一域名配置多个项目first of all下载配置nginx配置nginx开机自启动nginx -t 找不到nginx的修复nginx进行重启Nginx同一个域名配置多个项目nginx按不同的...
  • 主要给大家介绍了关于Nginx一个域名访问多个项目的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Nginx具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
  • nginx多个php项目配置

    千次阅读 2020-04-14 11:53:53
    例:访问域名/vslam_map/和访问域名/vslam_mate/的不同配置,其中@vslam_... } } # deny access to .htaccess files, if Apache's document root # concurs with nginx's one # #location ~ /\.ht { # deny all; #} }
  • Nginx一个server配置多个location

    万次阅读 多人点赞 2019-05-28 14:55:33
    公司测试环境使用nginx部署多个前端项目。网上查到了两个办法: 在配置文件中增加多个location,每个location对应一个项目 比如使用80端口,location / 访问官网; location /train 访问培训管理系统 配置多个站点 ...
  • nginx同时部署多个vue项目

    万次阅读 热门讨论 2019-03-13 14:35:21
    nginx同时部署多个vue项目 项目1路径: 项目2路径: nginx.conf代码如下: #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info...
  • 关于Nginx部署多个项目(多个Tomcat)

    千次阅读 2017-08-11 15:10:50
    2、将两个项目分别部署到Tomcat服务器webapps目录下; 以上比较简单,不再赘述; 值得注意的是:我这里用的是两个不同的项目、因此和集群部署不一样、集群部署是相同的项目部署到不同的服务器; 下面我贴出主要的...
  • nginx 部署多个前端项目

    千次阅读 2020-05-22 15:23:50
    NGINX中单设置一个web前端很容易,改变端口,改变root指向基本就搞定了,那么,假设我们有多个前端项目部署在同一个域名下,该怎么设置呢? 1. 先假设我们有一个应用,http://domain就可以访问了, 现在改版了希望...
  • nginx部署多个Vue项目

    千次阅读 2019-08-01 10:16:31
    将准备好的多个项目进行打包;打包后将dist下的index.html和static文件复制到nginx文件下的html中;将第二个项目的打包文件放置在html下新文件下,如:dh; 我在本次中将html原有的两个文件删除掉了;多个项目依次...
  • 主要介绍了nginx实现一个域名配置多个laravel项目的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 如何在NGINX中部署多个前端项目

    万次阅读 多人点赞 2019-07-02 17:46:23
    NGINX中单设置一个web前端很容易,改变端口,改变root指向基本就搞定了,那么,假设我们有多个前端项目部署在同一个域名下,该怎么设置呢? 1. 先假设我们有一个应用,http://domain就可以访问了, 现在改版了希望...
  • Nginx 默认端口配置多个项目映射

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

    千次阅读 2017-11-14 09:59:14
    ##################记录################## 1) 使用nginx 配置 nginx.conf 多个 server  ....... server { listen 80; server_name localhost; #charset koi8-r; #acce
  • nginx一个端口部署多个vue项目vue.config.js中publicPath参数配置路由中base参数配置index.html中配置metanginx配置,conf目录下nginx.conf文件 vue.config.js中publicPath参数配置 /** * publicPath参数官方说明: ...
  • Nginx 同一个域名配置多个项目

    千次阅读 2019-07-19 17:42:15
    使用Nginx要在同一个域名下配置多个项目有两种方式: nginx按不同的目录分发给不同的项目 启用二级域名,不同的项目分配不同的二级域名 1.nginx按不同的目录分发给不同的项目: server { listen 80; server_...
  • 根据路由不一样,在一个端口中,配置多个前端vue项目。 配置 vue项目打包 在vue.config.js中配置如下const isProduction = process.env.NODE_ENV === 'production' module.exports = { .... publicPath: ...
  • docker nginx 部署多个项目

    千次阅读 2018-11-28 18:59:53
    前提条件 1、本地电脑和服务器已安装 docker,下载方法自行谷歌吧 ... 3、需要对 docker 已有所熟悉 ,并了解Dockerfile里的一些指令 使用Dockerfile 制作镜像 假如本机有一叫web的项目 在web根...
  • Nginx配置多个项目使用同一端口号的办法
  • nginx多个php项目间互相调用出现错误

    千次阅读 2016-11-02 14:13:24
    同一个nginx下两个不同的项目,互相调用(一个项目是服务端,一个是客户端)出现错误。
  • 如何在nginx中配置多个前端项目

    千次阅读 2019-12-09 18:49:52
    找到conf>nginx.conf文件,以我框选出来的为例,配置好想设置的端口号,对应的文件夹名称。 重启nginx,访问http://localhost:2456即可 新的项目复制粘贴代码,...我标红的这两个项目都是react的,补充两点: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 120,571
精华内容 48,228
关键字:

nginx多个项目