打包

打包命令在package.json中有写到：

  1. "scripts": {
  2.    "dev": "vue-cli-service serve",
  3.    "build": "vue-cli-service build"
  4.  },

打包好的文件需要放到web服务器中才可以通过http的方式进行访问
1、安装web服务器
nginx, tomcat, iis
nginx: http://nginx.org/en/download.html
2、将打包好的文件放到web服务器中
放到nginx的html目录
3、通过http地址访问打包好的文 件。
http://localhost
http://ip

nginx

nginx的配置文件在 conf/nginx.cnf中。

修改端口号

  1. server {
  2.        listen       8081;
  3.        server_name  localhost www.guoqiang.com;
  4. }

修改域名

  1. server {
  2.        listen       8081;
  3.        server_name  localhost www.guoqiang.com;
  4. }

修改完配置后需重新加载配置文件，命令：nginx.exe -s reload

反向代理， 解决跨域问题

nginx的配置文件中做如下配置

  1.  location ~/api/ {
  2.      proxy_pass http://127.0.0.1:8090/api
  3.  }

nginx会将请求转发至proxy_pass对应的地址。

配置发布目录

目的：有可能一台web服务器中需要 发布多个应用程序，此时需要用到发布目录
配置流程：
1、配置vue发布目录
2、将打包好的文件放到tomcat的webapps目录下来实现多应用的发布。
publicPath目录的路径