Nuxt.js是一個(gè)基于Vue.js的通用應(yīng)用框架，它為我們提供了一個(gè)代碼結(jié)構(gòu)清晰、開(kāi)箱即用的應(yīng)用搭建模板。如果你還不熟悉Nuxt.js，請(qǐng)先參考官方文檔。

在Nuxt.js開(kāi)發(fā)完應(yīng)用后，我們需要將其部署到服務(wù)器上。下面是一個(gè)簡(jiǎn)單的Nuxt.js應(yīng)用部署過(guò)程。

步驟一：在服務(wù)器中安裝Node.js

# 使用官方源下載最新版本的Node.js
curl -sL https://deb.nodesource.com/setup_current.x | sudo bash -
# 安裝Node.js和npm
sudo apt-get install -y nodejs

步驟二：在服務(wù)器中安裝Nginx

# 安裝Nginx
sudo apt-get install nginx

步驟三：生成Nuxt.js的靜態(tài)文件

在本地中使用Nuxt.js生成靜態(tài)文件：

npm run generate

將生成的文件上傳到服務(wù)器中，存放在臨時(shí)目錄中。

步驟四：在Nginx中配置反向代理

在Nginx的配置文件中加入如下配置。

server {
listen 80;
server_name mydomain.com;
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ @nodejs;
}
location @nodejs {
rewrite ^(.*)$ /index.html last;
proxy_pass http://localhost:3000;
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;
}
}

其中，mydomain.com替換成你的域名，/usr/share/nginx/html需要改為Nuxt.js靜態(tài)文件所在的臨時(shí)目錄。

步驟五：?jiǎn)?dòng)Nuxt.js服務(wù)

npm run start

現(xiàn)在訪問(wèn)http://mydomain.com，即可看到部署在服務(wù)器上的Nuxt.js應(yīng)用。