WIndows Server 环境

首先打包vue项目,本文使用oldx-admin-vue
项目地址:https://gitee.com/oldx/oldx-admin-vue.git
切换至项目目录,打开终端输入
先npm install安装包之后执行

npm run build

通过上面命令后打包好的静态资源将输出到dist目录中。如图所示

安装nginx

到nginx官方下载系统相关的nginx版本安装
目前最稳定的为:

下载相应的windows版本解压，解压后如图所示

新建dist_vue文件夹用来存放上一步打包过后的静态文件

修改nginx配置文件
conf/nginx.conf

    server {
        listen       80;
        server_name  localhost;
		location / {
		    #这里指定你的vue打包过后的静态文件位置
            root   D:/nginx-1.14.2/nginx-1.14.2/dist_vue;
            index  index.html;
			try_files $uri $uri/ /index.html;
			#前端跨域统一配置
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, PUT, POST, DELETE, OPTIONS'; #支持请求方式
            add_header 'Access-Control-Allow-Headers' 'Content-Type,*';
        }
		
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }