vue接通後端api以及部署到伺服器

2021-09-23 22:10:51 字數 519 閱讀 6839

1.開啟專案工程,找到config資料夾下index.js,進行以下修改

dev: 

}},

export default 

}

3.開啟專案工程,找到config資料夾下prod.env.js,進行以下修改

'use strict'

module.exports =

4.找到config資料夾下dev.env.js,進行以下修改

'use strict'

const merge = require('webpack-merge')

const prodenv = require('./prod.env')

module.exports = merge(prodenv, )

5.然後 npm run build  對專案檔案進行打包,完成後在專案根目錄下生成dist資料夾,把dist資料夾上傳到伺服器即可

VUE前後端分離系統部署

前後端分離,除非部署在同台伺服器上,否則都會遇到跨域問題,什麼是跨域問題,我理解的是ip port,只要其中乙個不一致,就會出現跨域問題,解決跨域問題的方式有很多種,我覺得最簡單的解決方案有兩種 1.就是nginx伺服器解決,2.就是直接做網域名稱對映,通過網域名稱呼叫。開發環境不用擔心,vue自己...

vue打包部署到docker

npm run build 打包vue專案 啟動 docker 將dist目錄通過winscp等方式拷貝到linux伺服器上,同目錄下新建dockerfile dockerfile maintainer 為名字 copy dist home myhtml front 當前目錄的dist資料夾複製到容...

saber前端部署 vue前後端分離

server 對應上面的 router,主要原因是路由的路徑資源並不是乙個真實的路徑,所以無法找到具體的檔案 因此需要rewrite到index.html中,然後交給路由在處理請求資源 location api user root worker processes 1 error log var l...