使用nginx部署项目流程

1.

安装nginx,配置nginx路径。

 2.

配置好路径之后,运行nginx,可以命令行窗口 start nginx运行,也可以双击nginx运行,查看进程是否启动成功(有三个进程)

3.

然后将项目npm run build打包,生成dist文件,放到nginx/html路径下

4.

后台路径

需要配置nginx/conf/host/localhost_80.conf文件,

 监听本地4001端口,当访问本地4001时,将/api/ 转成 后台的请求路径

使用nginx部署项目流程_第1张图片

 项目中请求路径像上面一样写就可以了。

地图路径

使用nginx部署项目流程_第2张图片

 项目中有地图服务,所以把地图资源放在nginx里面了,地图8883端口,当访问8883端口时,转到nginx文件夹中的html文件中

使用nginx部署项目流程_第3张图片

 项目中的路径

使用nginx部署项目流程_第4张图片

 这样就可以了,如果请求失败那么就看一下请求路径对应修改配置就行。

你可能感兴趣的:(前端,nginx,javascript)