前言:在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2个前端项目。 例如我的服务器地址是 那么则是访问的pc项目首页,则是访问的app项目首页 一,首先打包编译两个前端项目 ...
前提:安装好nginx 打开nginx目录,一般是 usr local nginx npm run build 打好vue包 一般放到 usr local nginx html 目录下 配置:nginx 打开 usr local nginx conf 目录 新建一个 xxx.conf 文件,写入: 还是此目录,打开nginx.conf,找对位置 在http内的标记一和标记二 重启nginx生效配置 ...
2019-12-20 00:18 0 3155 推荐指数:
前言:在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2个前端项目。 例如我的服务器地址是 那么则是访问的pc项目首页,则是访问的app项目首页 一,首先打包编译两个前端项目 ...
1.先在本地将vue项目建立,并且确定能跑起来使用npm run serve ctrl+鼠标左键在本地查看。 然后使用npm run build,会在本地生成一个dist文件。 然后建一个文件Dockerfile,文件内容可以在VS Code里面先写 ...
[ 测试环境服务器目录 ] (温馨提示:配置1,配置2均在 vue.config.js 文件中修改) 1. 配置 publicPath 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上, 例如:https://www.histomed.com。 如果应用 ...
在项目目录创建Dockerfile 进去过后填入下面的内容 第一行写的是设置基础镜像,也就是我们刚刚pull下来的nginx镜像, 第二行是写一个作者,写上自己的邮箱就好滴啦, 第三行的意思 ...
准备工作 (1)安装nginx镜像 (2)查看nginx镜像 部署项目 (1)生成vue项目 (2)创建 Nginx Config配置文件 在项目根目录下创建 Nginx 文件夹,该文件夹下新建 ...
近来接手了一个二次开发的前后端分离模式的项目,其中在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2个前端项目的 编译打包2个前端项目 执行如下命令执行对前端工程的打包,以生成静态文件 ...
借鉴博客:https://www.jianshu.com/p/1d07b986ab2c 借鉴博客:https://blog.csdn.net/ansu2009/article/details/83584796 1、准备一个vue项目代码上传到git仓库 2、jenkins ...
原文地址:https://www.cnblogs.com/mao2080/p/9340026.html 1、问题描述 给前端同事部署了web项目之后,访问发现除了index.html可以访问,其他的路径使用了“伪静态”。比如访问:http://localhost:8081/user/login ...