Renren-fast前台部署步骤⼀、服务器安装Nginx
我下载的是1.17.8版。
下载完后,解压到⾃定义⽬录(本项⽬解压到服务器C:\work\nginx-1.17.8中)。⽬录结构如下:
命令窗⼝中进⼊⽬录下执⾏ 命令开启Nginx服务。
修改配置⽂件
修改renren-fast项⽬中⽣产环境接⼝请求地址,将请求地址改为后台服务地址。
在编译器中将renren-fast前端项⽬打包,打包命令npm run build(打包过程我遇到过nodeJS版本⾼ gulp版本不⽀持,后我将nodeJS版本下降到了10.19.0,gulp版本为3.9.1)
打包完成后项⽬中会多⼀个dist⽂件夹。
nginx部署前端项目
将dist⽂件夹整体放到服务器上你指定的位置(本项⽬我放到了C:\work\dist)
修改Nginx中conf⽂件夹下f⽂件。
把端⼝号修改成没有被占⽤的端⼝号,并在root那⼉部署你的vue项⽬。完成后保存。输⼊命令: -s reload重新加载nginx服务器。
加载成功即可访问程序,如果报错可查看log。
根据log提⽰解决报错。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论