nuxt 服务器部署

先介绍一下nuxt，nuxt是vue集成的ssr服务器端渲染的解决方案

官网：https://zh.nuxtjs.org/guide/vuex-store/

部署参考：https://segmentfault.com/a/1190000014450967

 

1、首先登陆你的服务器，安装node，建议安装和你开发环境相同版本的，参考下面的

https://www.cnblogs.com/linlf03/p/8504307.html

2、在本地执行打包(npm run build)，然后将以下文件通过ftp上传到服务器

3、在服务器上执行 npm run start， 此时还不能通过ip或域名进行外部访问。

4、反向代理(以apache为例)

修改http.conf文件，把80转发到3000

<VirtualHost *:80>
ServerName localhost
ServerAlias localhost
# 开始-apache反向代理
ProxyRequests On
ProxyPreserveHost On

#apache的监听其他端口
<proxy  http://localhost:3000/>
  Options Indexes FollowSymLinks
  AllowOverride None
  Order allow,deny
  Allow from all
</proxy>
ProxyPass /  http://localhost:3000/ retry=1 acquire=30000 timeout=30000  Keepalive=On
ProxyPassReverse /  http://localhost:3000/
# 结束-apache反向代理
</VirtualHost>

重启apache

service httpd restart

大功告成，就可以通过80端口正常访问了。

最后附上我的nuxt项目的码云地址：https://gitee.com/null_967_6509/vue-nuxt-template