vue-一般的上线操作

项目上线

1.找到项目开始时创建的vue.config.js文件，把

publicPath: '/vue-maizuo',//后面的为项目的路径，访问时会用

复制到module.exports里

2.打包

yarn build

此时会生成dist文件夹

在开发时所用的接口，只会在开发环境下使用，上线不会再用，

此时我们打开FlashFXP.exe 这个软件，登录上要上传的服务器，找到文件夹路径为/usr/local/nginx/html/，创建新文件夹vue-maizuo（与上面命名相同），进入该文件夹，把打包后创建的dist文件夹里面的文件上传到vue-maizuo文件夹中，

此时就会遇到上传文件接口不可使用的情况，我们可以找到路径为/usr/local/nginx找到配置文件nginx.conf，传到本地打开该文件，找到下面的server中的需要配置文件

location /info/api{
	proxy_pass http://47.105.47.151:300/api
}

然后在上传回原来文件夹。

然后重启服务器

ssh root@47.105.47.151

cd/

cd /usr/local/nginx/sbin/

./nginx -s reload

然后就可以直接访问了

47.105.47.151/vue-maizuo/