将vue打包到linux,内含使动态代理有效的解决方案

资料统计网址:http://49.232.250.249:8080

1.先在linux服务器上下载nginx

输入命令

yum install nginx

下载最新版本nginx

 

默认选y通过

安装成功了

2.启动nginx

底下我们准备开始调配置

输入命令查看当前nginx状态

systemctl status nginx

当前nginx状态

可以看到nginx目前还没启动，底下我们启动nginx

systemctl start nginx

启动后继续查看启动后的nginx状态

当前状态，被白色框起来的是nginx配置文件所在的目录，我们直接跳进去

输入ll查看当前目录下所有文件

跳转到conf.d文件下

然后查看其中所有文件

编译default.conf文件

vim default.conf

进来了，介绍一下配置文件的东西

localtion中的root是你打包后的vue项目传到linux云服务的全路径

listen后面的80是端口号，不想要可以自己改

3.打包vue项目到linux中

到这一步vue项目算是完成一半，底下开始打包你的vue项目

到你vue项目底下的控制台

在里面输入命令

npm run build

打包vue项目

systemctl restart nginx

这就是打包成功后的文件夹，把这个文件夹拖到你的linux中，底下自己配把，就是在root的后面跟的是你这个文件夹的全路径

改完配置文件后记得重启一下nginx

4.解决vue动态代码无法使用的问题

底下你在用vue去访问后台的时候肯定会报一个这种错

找不到后台路径，明明自己本机上的vue就可以运行但是一到linux上就有问题运行不了，别怕，这是因为你的动态代理没有生效，我们底下要继续改nginx的配置文件

这个是我项目中的api的写法，你不一样写就自己对配置文件改一下

location /api{

        rewrite ^.+api/?(.*)$ /$1 break;

        include uwsgi_params;

        proxy_pass 你自己的ip地址;

}

把这些粘进去，在你改了ip地址后最后面一定要加;号

粘进去后自己改地址，改完退出保存后，重启nginx就可以访问后端了

出现这种报错就是你自己配置文件写出问题了,你粘都不会吗

成功访问