

























服务端如何快速部署Vue项目
一、最简单:直接用静态服务(适合测试 ✅)
1️⃣ 前端打包
生成:
2️⃣ 服务器运行
npm install -g serve serve -s dist
访问:
👉 适合:测试 / 临时预览
👉 缺点:不能和后端融合

二、通过nginx部署服务
upstream pickwant { server 127.0.0.1:23488; } upstream pickwant_ws { server 127.0.0.1:23489; } upstream pickwant_admin { server 127.0.0.1:23490; } server { listen 80; listen 443 ssl; server_name api-test.test.com; #ssl on; client_max_body_size 512m; ssl_certificate /app/certs/test.com/current/test_com.crt; ssl_certificate_key /app/certs/test.com/current/test_com.key; access_log /app/pickwant/logs/nginx/api-test.test_access.log main_with_rt; error_log /app/pickwant/logs/nginx/api-test.test_error.log; location /static/photo/p1 { alias /app/pickwant/pickwant/generated/photo/p1; add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; } location / { include uwsgi_params; uwsgi_pass pickwant; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /v4/socket.io { include uwsgi_params; uwsgi_pass pickwant_ws; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_read_timeout 300s; add_header Access-Control-Allow-Headers "X-Requested-With,Authorization"; add_header Access-Control-Allow-Methods "GET,POST,OPTIONS"; # add_header Access-Control-Allow-Origin "*"; } location ~ /admin { # include uwsgi_params; proxy_pass http://pickwant_admin; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location ~ MP_verify.*\.txt { # 腾讯公众号域名验证用 root /app/pickwant/pickwant/static; } } # server { # listen 80; # server_name www.test.com test.com; #(第一种)把http的域名请求转成https # return 301 https://$host$request_uri; # } server { listen 80; listen 443 ssl; server_name www.test.com test.com; #ssl on; client_max_body_size 512m; ssl_certificate /app/certs/www.test.com/current/www.test.com.crt; ssl_certificate_key /app/certs/www.test.com/current/www.test.com.key; access_log /app/pickwant/logs/nginx/www.test.com_access.log; error_log /app/pickwant/logs/nginx/www.test.com_error.log; location /mb_home { return 301 https://$host/mb/home; } location / { try_files $uri $uri/index.html $uri/ /index.html; expires 600; add_header Access-Control-Allow-Methods *; add_header Access-Control-Max-Age 3600; add_header Access-Control-Allow-Credentials true; add_header Access-Control-Allow-Origin *; root /app/pickwant/web/pages; index index.html; } location /.git { root html; deny all; return 403; } }
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。