- 先講講后端部署的方法吧
- 我是用pm2來部署node專案，資料庫的配置如下：
- 這里資料庫的ip地址改成0.0.0.0
- 用戶名就填你自己的資料庫登錄時的用戶名，有些人的是root
- 密碼就填資料庫登陸時的密碼
- 最后一個database就填你資料庫的名稱
這里我后端用的是express框架，這里的監聽的ip地址是0.0.0.0，埠號根據你的專案的實際埠號來填
把這些東西修改好了之后就可以了，然后用寶塔的pm2部署一下，很簡單，這里我就不贅述了
- 這里講一下怎么部署前端，這一部分內容需要和下面nginx配置代理相關聯
**前端這里我在每個請求的前面都加上了一個/api，**如下
const res = await axios.post("http://sczh.xyz/api/article/comment",
這里的/api和待會nginx配置代理有關聯
前面的地址就填你的域名，或者你的服務器的ip地址
3. 接下來配置一個nginx代理，
寶塔進去網站的設定里，找到組態檔，這里的埠號很關鍵，
我們這里先找到80埠的那個server
在下面加上這么一段
location / {
index index.php index.html index.htm default.php default.htm default.html;
root /www/wwwroot/sczh.xyz/dist;
try_files $uri $uri/ @rewrites;
}
location @rewrites
{
rewrite ^(.+)$ /index.html last;
}
當你的專案用了history模式的時候，重繪會出現404的情況，這段配置用來防止使用history模式重繪出現404的情況，一定要在80埠的那個server里加，
- 因為我們前面請求的是
const res = await axios.post(“http://sczh.xyz/api/article/comment”,
是80埠，所以這里找到80埠的那個server，這里因為我們前面的請求的地址里的前面都加上了/api
所以這里我們對帶有/api的請求進行代理，如下，這里的埠號是你后端監聽的埠號，
location /api/ {
proxy_pass http://sczh.xyz:8000/;
}
這里是將請求轉發到了http://sczh.xyz:8000/，但是這里我的后端是允許了跨域的，如果你這里按照我的這樣做了的話，還是提示跨域的問題，這里你可以把proxy_pass http://sczh.xyz:8000/; 改成
proxy_pass http://127.0.0.1:8000/，
這個東西也是我摸索了好幾天才摸索出來，希望能幫助到你們
到這里就完成了部署了，如果你有什么問題，可以評論，也可以加qq1614674987咨詢
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/386532.html
標籤：其他
上一篇：微信公眾號 Hash模式授權