vue项目在linux服务器上的部署

vue项目需要先进行编译才能在没有node或yarn等开发环境下的服务器上运行

1.首先进行编译

yarn run build

会在当前目录下生成一个dist的文件夹，服务器上部署就只用上传这个文件夹就可以啦！
注意：里面的index.html直接点击是无法运行的，需要在tomcat或nginx等服务器代理下才能运行。

2.nginx在linux下的安装

在服务器上部署前端页面需要用到nginx一类的反向代理服务器，我在网上找到了一个很好的教程在此分享一下：请参考以下链接nginx在linux下的安装教程

3.nginx在linux下的配置

nginx的配置文件位于/usr/local/nginx/conf/nginx.conf中（前提是你已经按照上面的步骤来进行安装）

上面的监听端口和主机名根据自己的实际情况进行配置，值得注意的一点是location下的root目录，这个目录类似于tomcat的ROOT目录，是用来存放你的dist文件的，配置时要保证nginx能找得到你的dist下面的index.html文件，所以root配置的最后一个目录应该是dist（参考上图）。

注意：直接将dist文件夹直接丢入nginx的root目录下，这个目录需要在nginx的conf中的nginx.conf文件中配置，而不是nginx-1.13.7下的conf！！！

4.关于页面跳转失败的问题
解决方法找到/usr/local/nginx/conf/nginx.conf的文件进行编辑，加上如下一行代码，重新启动nginx服务便解决问题了：

最后在附上我亲自实践有用的链接：nginx.conf文件配置参考链接