前言:在前端項目的部署上需要讓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 ...