之前配置了nginx服务器，然后就尝试了将vue项目放在里面，实现前端端分离，具体配置如下

1，linux

端口：80
访问地址：http://192.168.11.11:80（可以换成指定ip）
nginx地址：192.168.11.11（可以换成指定ip）

1.1将vue的demo打包npm run build

1.2将打包好的dist文件放到服务器,我是新建了文件夹/ nginx / dist

1.3查看nginx的状态 ps -ef | grep nginx，如果是启动的话关闭（nginx的安装位置以及关闭命令如下）
[root @ localhost sbin] #pwd
/ usr / local / nginx / sbin
[root @ localhost sbin]＃./ nginx -s stop

1.4修改配置文件/ usr / local / nginx / conf下的nginx.conf文件（端口为访问时的端口，root后面的地址为静态文件存放目录）
listen 80;
location / {
root / nginx / dist;
index index.html index.htm;
}

1.5由于后台是node写的，地址：192.168.11.11：3000，所以还需要在nginx.conf里配置代理（前端请求时，查看到/ api / v1就转成http://192.168.11.210:3000，可以根据实际情况进行配置）
location〜/ api / v1 {
proxy_pass http://192.168.11.210:3000;
}

1.6配置完成，启动后台进到后台所在文件夹，npm run start，然后启动nginx，./usr/local/nginx/sbin/.nginx
完成啦，可以访问了，http://192.168.11.11:80

2、windows配置

端口：80
访问地址：http:// localhost:80（可以换成指定ip）
nginx地址：localhost（可以换成指定ip）
1，打包代码，放到 E:/nginx-test下
2，配置nginx.config文件，与Linux的配置差不多
listen 80;
server _ name localhost;
location / {
root E:/nginx-test/dist;
index index.html index.htm;
}
location ~ /api/v1 {
proxy_pass http://localhost:3000;
}
注意，root后面是存放的是dist的地址，用/分割，并不是窗口的“\”，不然会报404错误，proxy_pass后面是访问后台的代理地址， /api/v1是自己设置的，可以实际根据情况修改求最后，开启后台和nginx就可以了，访问http://localhost:80

由于我编辑排版的问题，以上设置可能出现中文情况下的输入，请不要随意复制粘贴