為了更好地部署Vue應(yīng)用程序,可以使用Nginx作為Web服務(wù)器。這篇文章將為您介紹如何在Nginx上部署Vue應(yīng)用程序。
步驟如下:
- 將Vue應(yīng)用程序構(gòu)建為生產(chǎn)模式
- 用Nginx配置代理服務(wù)器
- 將構(gòu)建后的文件復(fù)制到Nginx的默認(rèn)Web目錄(通常位于/var /www/html)。
- 重啟Nginx
npm run build
server {
listen 80;
server_name example.com;
location / {
root /var/www/html;
index index.html;
try_files $uri $uri/ @rewrites;
}
location @rewrites {
rewrite ^(.+)$ /index.html last;
}
}
cp -r dist/* /var/www/html
systemctl restart nginx
現(xiàn)在,Vue應(yīng)用程序已經(jīng)成功部署在Nginx上!
上一篇css中圖片顯示文字居中
下一篇css中備注