部署情景描述:
这周我的外包项目进入了部署阶段。这个项目采用了vue前端+django后端, vue前端打包成静态文件,通过nginx服务器负责vue静态文件请求的处理和反馈。django项目采用目前最普遍的uWSGI服务器运行,再通过nginx反向代理vue框架对后端的请求。
部署使用的服务器是阿里云ecs云服务器,配置是2核4G,1M带宽。
OS: Debian 9.2 stretch
Kernel: x86_64 Linux 4.9.0-4-amd64
1.nginx如何配置对前端vue资源的请求
如果前端vue没有使用服务端渲染的话,只需要将项目使用 npm run build 打包到一个 dist 文件夹下。可以通过 ftp,github等诸多方式将dist传到服务器上。我将这个dist文件夹放在了/home/temp/下。
如果 vue-router使用的是history模式(url里没有’#'这种符号),需要采用如下配置:
location /{
root /home/temp; # my dist directory
index index.html;
try_files $uri