恒相电子画册项目使用unxt框架打正式版 使用nginx发布项目失败解决方案

在使用nuxt框架开发完毕恒相电子画册项目后，当使用nginx发布时，始终不成功，甚至造成多次nginx服务停止失败而造成启动服务和停止服务按钮失败的现象。经过多次调试，终于解决此问题，解决方式如下。

1、打开nginx.config的配置文件；

2、在配置文件中找到server配置项，添加一个新的location项，在location项中着重看下方加#号反向代理的这个；其中http://nodenuxt是反向代理地址；

location / {
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_set_header X-Nginx-Proxy true;
    proxy_cache_bypass $http_upgrade;
    proxy_pass http://nodenuxt;  ###########  反向代理
}

3、反向代理地址需要在server项外写下方声明。项目运行后nginx就会去这里找需要代理的项目地址；其中server项就是你项目的本地运行地址，keepalive项照填64即可；

upstream nodenuxt {
    server 192.168.64.4:1818; #nuxt项目 监听端口
    keepalive 64;
}

 4、完整的配置代码如下；

server {
    listen 80;
    server_name  此处填写您的域名;
    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Nginx-Proxy true;
        proxy_cache_bypass $http_upgrade;
        proxy_pass http://nodenuxt;  #反向代理
    }
}
upstream nodenuxt {
    server 此处填写您服务器本地发布的IP地址及端口号; #nuxt项目 监听端口
    keepalive 64;
}