vue-element-admin项目存前端打包---跨域问题

01-admin改造：

devServer: {
  port: port,
  open: true,
  overlay: {
    warnings: false,
    errors: true
  },
  before: require('./mock/mock-server.js'),
  proxy: {
    [process.env.VUE_APP_BASE_API]: { //  是.env.development 文件的 /dev-api
      target: 'http://192.168.153.132:3000/',
      chargeOrigin: true, // 开启代理服务器
      pathRewrite: {
        // '^/dev-api': '',
        ['^' + process.env.VUE_APP_BASE_API]: '' // /dev-api 替换为空  https://www.easy-mock.com/mock/5f97da2747e82c655543228e/test-admin/dev-api
      }
    }
  }
},

02-关闭CenOs防火墙：

CentOS 7.0默认使用的是firewall作为防火墙

查看防火墙状态

firewall-cmd --state

停止firewall

systemctl stop firewalld.service

禁止firewall开机启动

systemctl disable firewalld.service 

转自：CentOS 6和CentOS 7防火墙的关闭

03-打包命令：

npm run build:prod

详见：
vue-element-vue-打包部署

04-安装启动-纯前端-服务器http-server：

（1）安装 http-server

npm install http-server -g

（2）启动

 http-server --cors -p 3000  -0

结果如下：