nginx部署前端

部署环境：win10

第一步：nginx下载

下载地址：http://nginx.org/en/download.html

nginx文件目录

点击nginx.exe启动程序开启nginx，默认端口为80

成功访问：http://localhost/

第二步：编译前端项目

前端采用vue框架进行开发，将项目编译成静态文件【html、css、js】

vue项目目录结构

修改位置1：config/index.js

vue默认打包生成的静态文件存放在dist目录中，修改配置将dist目录重命名

运行vue编译命令：npm run build ，会将静态文件生成在pdf目录中

修改位置2：src/router/index.js

在路由配置文件中新增路由基础路径

然后运行命令编译vue项目

npm run build

第三步：配置nginx

将vue编译后的静态文件目录pdf移动到nginx/html下，修改nginx配置文件，使root指向pdf目录 

配置位置：conf/nginx.conf

使用命令重新加载nginx配置【在nginx目录下运行命令】

nginx -s reload

第四步：访问 

http://localhost/pdf/

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！