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就可以了
版权声明：本文为guojiaru原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。