首页
学习
活动
专区
圈层
工具
发布

同一域名端口下,通过nginx部署多个vue项目

情景介绍   服务器上80端口已部署一套vue项目,现在乃至未来还可能要部署n个前端项目,而已部署的项目的nginx的配置不能修改 项目配置   假设需要部署的第二个vue项目是放在服务器的  “project...routes: routes 5 }) 第三步  在模板文件index.html的head里添加下面一行,将打包生成的文件引入路径修正 至此,vue项目内部设置已完成...,打包将项目放到服务器的“project”目录下 第4步  nginx配置,接口的代理转发就不多说,正常配置就好了 1 #第一个项目的配置 2 location / { 3 root /usr/local.../web/example/; 4 index index.html index.htm; 5 try_files $uri $uri/ @router; 6 } 7  #第二个项目的配置 8 location

3.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Windows下Apache部署多个php项目

    在 Windows 系统下,使用 Apache 服务器发布多个 PHP 项目是一项常见的任务。本文将介绍如何在 Windows 操作系统下使用 Apache 发布多个 PHP 项目。...在 Windows 操作系统下使用 Apache 发布多个 PHP 项目可能有一些挑战,但是只要您按照本文的步骤进行操作,您就可以成功地完成这项任务。希望本文能够对您有所帮助。...一、安装 Apache 如果没有安装 Apache,可以参考我之前的文章 Windows用Apache发布php网站 进行安装; 二、准备好两个可运行的php项目 项目放到预发布的文件夹里,一会需要填写项目路径...--域名,用不到就随便填--> ErrorLog "logs/project1_error.log" <!...五、公网验证 我们客户端浏览器输入ip:port可以访问,就说明我们发布成功,60、61分别部署的项目都可以各自访问了,至此,Windows下Apache部署多个php项目的配置完成。

    1.7K21

    Linux下DNS简单部署(主从域名服务器)

    通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)。在解析域名时,可以首先采用静态域名解析的方法,如果静态域名解析不成功,再采用动态域名解析的方法。...可以将一些常用的域名放入静态域名解析表中,这样可以大大提高域名解析效率。...根据服务器与所提供域名解析记录的关系,将DNS服务器分为不同的角色: 1)缓存域名服务器,也称为 唯高速缓存服务器 通过向其他域名服务器查询获得域名->IP地址记录 将域名查询结果缓存到本地,提高重复查询时的速度...2)主域名服务器 特定DNS区域的官方服务器,具有唯一性 负责维护该区域内所有域名->IP地址的映射记录 3)从域名服务器(通俗一点就是用于备份DNS服务器的) 也称为 辅助域名服务器 其维护的 域名...->IP地址记录 来源于主域名服务器 搭建DNS服务应用的软件为:BIND(Berkeley Internet Name Daemon) 三、DNS服务环境部署记录 1)安装DNS服务所需要的软件包 [

    8.5K90

    Nginx——一个域名下部署多个Vue项目

    前言当前生成环境已经有一个正常的Vue项目,现在需要将大屏项目也部署到同一个域名下,搜索了下类型的问题,感觉问的还挺多的,所以这里记录下操作步骤;如何在不动第一个项目的情况下来部署第二个Vue项目;内容前端配置...publicPath修改vue.config.js下的publicPath参数 publicPath: process.env.NODE_ENV === 'production' ?...mode: 'history', base: 'screen', // 基础路径进行调整 routes,});export default router;服务器配置创建目录进入到第一个项目的目录下...,创建子级目录,并将制品dist放入到该目录下;不想放到第一项目目录下,新建一个目录也可以,不过记得对应的nginx配置也需要调整;$ cd 项目目录下>$ mkdir screenNginx在第一个项目对应的配置文件中...uri/ /screen/index.html; }检测无误后,重新载入nginx配置文件:$ nginx -t$ nginx -s reload测试验证访问对应的地址(http://域名

    2.3K10

    ubuntu 18.04 server下tomcat部署sprongboot项目

    1 springboot项目相关 1.1 修改pom.xml文件依赖 如果要将最终的打包形式改为war的话,还需要对pom.xml文件进行修改,因为spring-boot-starter-web中包含内嵌的...tomcat容器,所以直接部署在外部容器会冲突报错。...scope>provided provided的作用上面已经介绍的很透彻了,这里就不啰嗦了,这种方式的好处是,打包的war包同时适合java -jar命令启动以及部署到外部容器中...1.2 修改打包方式 war 1.3 修改启动类 外部容器部署的话,就不能依赖于Application的main函数了,而是要以类似于web.xml文件配置的方式来启动...3 部署项目 删除tomcat的webapps下的所有文件 rm -rf /usr/local/tomcat/webapps/* 将项目的war包上传到tomcat的webapps下,并且重命名为ROOT.war

    1.5K50

    22.多端项目上线部署(4)域名绑定和HTTPS配置

    1.获取域名 1.购买域名 在腾讯云搜索 域名注册 服务,根据价格和是否已经被注册,选择一个域名,然后点击购买,完成付费。...2.实名认证 付费完成后,通过后台来到【域名管理】,等待几分钟,然后刷新界面,看到域名【未实名认证】,点击,进入【实名认证】界面,让填什么就得填什么。 然后等待。...3.域名解析 域名实名很快,实名成功以后,就可以进行域名解析了。 ?  在域名管理后台,点击【解析】 ?  点击【添加记录】,然后如图填入公网ip,然后点击【保存】即可。...测试,浏览器访问: http://www.域名/ 效果图 ?  不过这只是暂时能访问,过不了多久,因为没有备案,就会被墙掉,显示为: ?...注意:完成域名实名认证后,三个自然日后,才可以进行域名备案。 2.HTTPS配置

    4.9K30

    IIS 站点部署多级域名

    当站点的规模达到一定程度,往往会对业务进行拆分,部署到一台服务器的不同站点,,而一个域名(顶级域名)只能绑定一个站点(核心站点),这个时候就通过给顶级域名创建子域名的方式(理论上一个顶级域名可以绑定50...个子域名),将子域名绑定到相关的业务站点.在通过修改host文件的方式,将所有的域名解析到当前的服务器IP,再通过IIS的主机头(子域名)解析到业务站点上,过程如下图: ?...注意 (1)、什么是子级域名: www.a.com是顶级域名 xxxxx.a.com就是自己域名  xxxxx可以任意取名 (2)、所有的站点,必须是80端口,否则通过子域名访问业务站点必须加上端口,一般没人会这么做...hosts文件如下:   注:hosts文件在C:\Windows\System32\drivers\etc下 192.168.0.121 www.a.com 192.168.0.121...ok,所有的域名生效,能正常访问. 其实还可以给业务站点添加子站点,在给它分配更下一级的域名,原理同上,这里不做操作!

    7.3K30

    flask项目部署到云服务器,并通过域名访问后端服务

    本篇介绍一下如何把flask项目部署到腾讯云服务器,同时使用域名来访问后端服务 在之前一篇文章中写了一下如何在flask中配置https请求 本篇简单介绍下如何把flask项目部署到服务器 1、把代码打包上传到服务器...上传至服务器前,需要修改一下启动ip 我的项目启动文件为 run_main.py from data_factory import create_app app = create_app() if...xxx.xxx.xxx', port=5000, ssl_context=('7784675_bingshuang.top.pem','7784675_bingshuang.top.key')) 因为要部署到云服务器...然后把代码上传到服务器,如下 2、域名设置 给域名配置ip地址,这里需要写入服务器的公网ip 3、启动项目 在云服务器中启动flask项目,命令如下 # 首先进入项目目录,然后运行run_main.py

    6.8K40

    申请https域名,证书和部署流程

    我把申请https域名,证书和部署流程,大致整理了一下。同道中人,以后遇到类似业务,可以参照这个。少踩一下坑!...成功后即可拿到有效的https域名。...三 : https证书申请 1.官网 https://freessl.cn/ (注册过程已省略) https免费证书也可在其他云服务厂商处(阿里云,腾讯云)申请,请在实际项目中灵活使用。...Let’s Encrypt,公用免费项目,官方的客户端 Certbot ,利用它可以完全自动化的获取、部署和更新安全证书。...freessl网站的控制台中也可以看到申请到的证书信息 四: 部署https证书 我们把导出的证书放置到nginx服务器配置文件夹相应位置 编辑nginx.conf文件 重启nginx服务,使配置生效即可

    6.3K20

    【前端部署第九篇】通过 traefik 自动为前端项目配置域名及 HTTPS

    大家好,我是山月,这是我最近新开的专栏:「前端部署系列」。包括 Docker、CICD 等内容,大纲图示如下: 大纲 示例代码开源,置于 Github 中,演示如何对真实项目进行部署上线。...回到我们的 create-react-app 部署示例,我们如何将此项目可使他们在互联网通过域名进行访问? 我们将它部署到 https://cra.shanyue.tech 中作为示例。...通过 docker.sock 调用 Docker Engine API3 可将同一网络下所有容器信息列举出来。...curl --unix-socket /var/run/docker.sock http:/containers/json | jq '.[] | .Labels' 小结 目前为止,终于将一个前端应用使用域名进行部署...此时除了一些部署知识外,还需要一些服务器资源,包括 一台拥有公网IP地址的服务器 一个自己申请的域名 当然,针对前端开发者而言,更重要的还是 如何使用 docker 将它跑起来 如何将它更快地跑起来 「

    2.5K20

    来认真学一下,项目部署到 github pages

    本文主要分享基于 vite 创建的前端项目如何部署到 github pages 上。你也可以参考其中的内容部署别的前端静态项目。...因此这种方式通常情况下我们都是不使用的。 第二种,main 分支的 docs 目录下。...这里要注意区 github pages 给你分配的项目路径,到底是域名根目录,还是根目录下面的其中一个路径。...每个 github 用户,都有一个域名,例如我的域名是 yangbo5207.github.io 但是该域名只能针对其中一个项目生效,剩下的项目,就是会分配到根目录下的其中一个路径下,该项目的访问地址...,会结合域名与项目名称组成 例如,我当前这个项目的访问路径为,vuevinedemo 是我的项目名称 https://yangbo5207.github.io/vuevinedemo 在这种情况之下,

    2.1K11
    领券