前言:在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2个前端项目。 例如我的服务器地址是 那么则是访问的pc项目首页,则是访问的app项目首页 一,首先打包编译两个前端项目 ...
近来接手了一个二次开发的前后端分离模式的项目,其中在前端项目的部署上需要让 个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署 个前端项目的 编译打包 个前端项目 执行如下命令执行对前端工程的打包,以生成静态文件,如下: 把打包生成的静态文件上传到Linux服务器的指定目录,我这里是: usr local lawyer wsla f ...
2020-10-30 11:24 0 6465 推荐指数:
前言:在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2个前端项目。 例如我的服务器地址是 那么则是访问的pc项目首页,则是访问的app项目首页 一,首先打包编译两个前端项目 ...
第一步 首先,找到vue项目中的config文件下的index.js,修改assetsPublicPath,具体配置如下: build: { index: path.resolve(__dirname, '../dist/index.html'), // Paths ...
网址:https://blog.csdn.net/weixin_38023551/article/details/88640939 上一篇已经介绍了然后配置web项目;今天由于公司需求,需要在同一域名端口下,部署两个项目;今天花了一上午终于弄好了,选择赶紧做一个笔记。 如何连接阿里云 ...
1、目前我有俩个vue项目,分别是app和pc 2、实现内容 1)、通过一个端口分别访问这俩个前端项目 http://localhost:8080/app ==> app项目 http://localhost:8080/pc ...
首先准备两个vue项目 端口 例如:8080 8087 第一个正常打包即可 访问时只需要输入域名 www.xxx.com; 第二个项目访问路径为www.xxx.com/bi; 在第二个项目找到配置文件修改自己的虚拟访问路径 ps: baseUrl ...
前提:安装好nginx 打开nginx目录,一般是(/usr/local/nginx) npm run build 打好vue包 一般放到(/usr/local/nginx/html/)目录下 配置:nginx 打开(/usr/local/nginx/conf ...
目录 使用nginx部署多个前端项目 基于域名配置 基于端口配置 基于location配置 使用nginx部署多个前端项目 个人总结了3种方法来实现在一台服务器上使用nginx部署多个前端项目的方法 ...
执行npm run build打包后,生成的dist文件如下: 1、当设置publicPath为/时 修改vue.config.js文件 在vue项目根目录中使用命令npm run build创建输出文件,将dist文件夹下的所有内容复制到nginx目录下的webapp ...