通過基本的 nginx 配置來托管應用程式（下面的示例配置），但這對于靜態 Web 應用程式是有意義的。如何設定 vue js 應用程式，我必須在其中運行 npm run serve 來啟動應用程式。我只是用 npm run build 構建應用程式，然后將 build/dist 檔案夾復制到某處。我正在 RHEL 8 上嘗試這個。我的 package.json 檔案看起來像這樣
{
"name": ....
....
"scripts":{
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
...
}
}
server {
listen 80 default_server;
listen [::]:80 default_server;
root /var/www/html;
index index.html;
server_name _;
location / {
try_files $uri $uri/ =404;
}
location /api/ {
proxy_pass http://localhost:8080/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
uj5u.com熱心網友回復：
我這樣主持，而且效果很好。
在/etc/nginx/nginx.conf：
server {
listen 80;
server_name mysite.com;
charset utf-8;
root /var/www/mysite-folder;
index index.html index.htm;
location / {
root /var/www/mysite-folder;
try_files $uri /index.html;
}
include /etc/nginx/mime.types;
}
如您所見，我存盤的所有已編譯的 Vue 檔案/var/www/mysite-folder
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/487228.html