nginx部署多个vue项目如何配置

作者:神秘网友 发布时间:2020-10-24 00:24:23

nginx部署多个vue项目如何配置

nginx部署多个vue项目如何配置

使用同一域名或者ip去部署访问多个前端项目，比如域名/ip直接访问官网，域名/ip后面带路径去访问其它项目

官网访问地址: http://192.168.27.119/login
项目二访问地址：http://192.168.27.119/biz/login
项目三访问地址：http://192.168.27.119/admin/login

注：http://192.168.27.119/login 这个项目无需配置路径，直接打包即可。下面以项目二，通过/biz/访问作为例子

  1. 打开config下的index.js文件
    将build下面的assetsPublicPath改为路径名

nginx部署多个vue项目如何配置
2. 打开 src/router/index.js 文件
添加 base: '/biz/'
nginx部署多个vue项目如何配置
3. 打开项目index.html文件，将引入的js文件路径前加上/biz/
nginx部署多个vue项目如何配置

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    error_log   /home/devtools/nginx/error.log;
    access_log  /home/devtools/nginx/access.log  main;
    location / {
        root /home/datasmith/website/html;
	    try_files $uri $uri/ /index.html;
	    index  index.html index.htm;
    }

  location ^~/admin{
		alias /home/datasmith/aicall/gld/html;
        try_files $uri $uri/ /admin/index.html;
    }

  location ^~/biz{
        alias /home/datasmith/aicall/khd/html;
        try_files $uri $uri/ /biz/index.html;
    }

}

nginx部署多个vue项目如何配置

1.查看修改的配置文件是否有误
进入/usr/sbin/目录，运行./nginx -t
nginx部署多个vue项目如何配置

2.确认修改无误后，重启nginx

在/usr/sbin/目录下，运行./nginx -c /etc/nginx/nginx.conf

nginx部署多个vue项目如何配置相关教程

  1. windows openssh 安装部署

    windows openssh 安装部署 windows 安装openssh 服务使ansible可以远程控制服务器 https://github.com/PowerShell/Win32-OpenSSH/releases 链接：https://pan.baidu.com/s/1Yiy0fm8fslq79vf4g-zmKg 提取码：uk1o 安装版本：8.1p1 解压OpenSSH-Win64.zip到指定

  2. k8s部署dashboard.及反向代理services（十一）

    k8s部署dashboard.及反向代理services（十一） k8s部署dashboard dashboard就是k8s的图形管理工具，可以查看node、pod、namespace等各种资源 [[emailprotected] dashboard]# docker load -i kubernetes-dashboard-amd64_v1.4.1.tar.gz [[emailprotected] dash

  3. SpringBoot2.0整合热部署Devtools工具

    SpringBoot2.0整合热部署Devtools工具 热部署原理分析： 使用类加载器（classloader重新读取字节码文件到jvm内存）如何纯手写一个热部署功能： 1.监听class文件是否有发生改变–版本号或者修改时间 2.如果class文件发生改变的，就是用classloader进行重新读

  4. Dubbo——Day01

    Dubbo——Day01 Dubbo 就是多个独立计算机的集合，这些计算机对于用户来说就像是单个相关系统。 个人理解：传统垂直系统就像是独居，而分布式就是相当于是合居。独居的时候自己买菜、洗菜、做饭。合居的时候就可以对象洗菜的时候自己做菜。大家各干各的，节省

  5. 如何实现element-ui校验多个表单项

    如何实现element-ui校验多个表单项 项目场景： 表单内配置用户标签，可配置多个，一个标签全部项配置完毕才可新增。 解决方案： 官方文档 validateField支持数组，并且它的回调函数是每个元素调一次。如果想实现需求中的校验全部项是否都配置完毕就需要用到Pr

  6. Solr部署教程

    Solr部署教程 前提环境: jdk1.8 下载：https://archive.apache.org/dist/lucene/solr/5.2.1/ 解压缩,重命名 tar -zxvf solr-5.2.1.tar.gz mv solr-5.2.1 solr 修改配置文件： vi solr.in.sh----------ZK_HOST=ha1:2181,ha2:2181,ha3:2181,ha4:2181SOLR_HOST=h

  7. jenkins 自动化部署（后台）

    jenkins 自动化部署（后台） 包的话需要自己到官网下载https://www.jenkins.io/download/ 安装jenkins rpm -ivh jenkins-2.190.3-1.1.noarch.rpm 修改Jenkins配置 vim /etc/sysconfig/jenkins 修改内容如下： JENKINS_USER=root JENKINS_PORT=10008 启动Jenki

  8. idea热部署插件JRebel安装部署并激活，告别spring devtools

    idea热部署插件JRebel安装部署并激活，告别spring devtools 打开idea的File-settings-plugins-marketplace-搜索JRebel 点击Install安装，我已经安装了，所以显示的是Installed. 安装完成之后重启idea,一般idea插件安装完之后这个位置有个restart重启按钮 重启