vue项目的发布

    在自己写完一个项目后，肯定会面临要上线的问题，既然要上线，又会遇到前后端是否分离的问题。我们用vue写好一个手机端的项目，将其打包，也就是yarn build。就会生成你要给后端的jscss等。

    我们先采用前后端不分离的架构来写，就是前后端在一个电脑上。

    后端：

   1、在电脑上先装phpstudy 或者 warpserve，这样电脑会有apache环境

   2、在nginx官网上下载nginx压缩包，并解压

   3、你会在解压的文件夹中看到nginx的应用，然后在这个文件夹中打开命令行，用start nginx开启nginx服务，如果开启成功，你在浏览器中输入localhost会打开界面，nginx默认段口号为80。通过nginx -s stop关闭nginx服务

    4、然后可以进行配置了

          在nginx文件夹中有conf文件夹，文件夹下有nginx.conf，在这个里面将server注掉，新建个conf.d文件夹里面有text.conf在里面配置

         在d盘创建根文件夹

server {

listen 80; 端口

server_name localhost;服务名

root D:/nginx-root;根文件夹

autoindex on;

index index.html index.htm;

#charset koi8-r;

# access_log logs/host.access.log main;

#location / {

# root html;

#index index.html index.htm;

#}

location / 代理路径{

proxy_pass 代理网址;

}

刷新不出错

location / {

try_files $uri $uri/ /index.html;

}

}

这就可以啦，再浏览器输入localhost：8080就可以了