其他分享
首页 > 其他分享> > Ngnix运行vue项目

Ngnix运行vue项目

作者:互联网

1. 下载安装包

下载地址,解压后是一个文件夹

运行nginx.exe,闪退属于正常,然后打开浏览器输入localhost出来如下图片所示就说明成功了

2. 打开ngnix.conf文件添加新增转发地址(后台请求地址)

3. 部署vue

  1. 找到自己的vue的项目然后输入命令 npm run build 会在vue目录下生成一个dist文件夹里面就是你的vue的项目
  2. 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹
  3. 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要留,然后把你刚刚复制的文件粘贴进去
  4. 运行起来登录时发现请求头拿取不到,到conf文件夹的ngin.conf设置 :underscores_in_headers on

标签:文件,vue,Ngnix,然后,文件夹,conf,打开,运行
来源: https://www.cnblogs.com/linanana/p/14876476.html