Ngnix运行vue项目
Posted 与乐
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ngnix运行vue项目相关的知识，希望对你有一定的参考价值。
1. 下载安装包
下载地址，解压后是一个文件夹
运行nginx.exe，闪退属于正常，然后打开浏览器输入localhost出来如下图片所示就说明成功了
2. 打开ngnix.conf文件添加新增转发地址（后台请求地址）
3. 部署vue
- 找到自己的vue的项目然后输入命令 npm run build 会在vue目录下生成一个dist文件夹里面就是你的vue的项目
- 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹
- 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要留，然后把你刚刚复制的文件粘贴进去
- 运行起来登录时发现请求头拿取不到，到conf文件夹的ngin.conf设置 :
underscores_in_headers on
以上是关于Ngnix运行vue项目的主要内容，如果未能解决你的问题，请参考以下文章