Nginx部署Vue项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nginx部署Vue项目相关的知识,希望对你有一定的参考价值。

参考技术A 本文通过部署vue-element-admin后台管理项目来通俗易懂的教大家如何使用nginx快速部署Vue项目

vue-element-admin项目地址 https://gitee.com/mirrors/vue-element-admin?_from=gitee_search

注意这里一定要上传到Nginx的目录下面!!!!!!!!!!!!!!!!!!

修改参数:

listen : 访问端口号

server_name :访问地址

root :vue项目的打包后的dist位置(但dist一定要放在Nginx文件下面)

https://www.jianshu.com/p/806ad65d613e

以上是关于Nginx部署Vue项目的主要内容,如果未能解决你的问题,请参考以下文章

Nginx部署Vue项目

nginx 部署多个前端vue项目的3种方式,一篇文章搞定

Nginx本地部署Vue项目

vue部署到nginx

vue项目部署方式:tomcat部署和nginx部署

在服务器中使用Nginx部署打包的Vue项目