vue项目打包上线（含jeecg-boot）

上一篇文章讲了开发环境的多重跨域问题 多重跨域，下面讲讲生产环境多重跨域问题，然后打包后使用node代理服务器会请求不到

一、安装服务端生成包

• express 是基于 nodejs的Web应用开发框架

• express-generator 是 express 应用生成器，可以快速生成一个应用的骨架

• express demo -e 命令可以快速生成一个项目架构

1、全局安装express

2、全局安装 express-generator

网上说的 4.0 之后 express 和 express-generator 分开了，没有具体测试，我当前版本是 4.16.1

不安装 express-generator 会提示包错误找不到

全局安装 express-generator

二、生成项目架构

-e 是参数， 表示添加 ejs 引擎支持,demo 为项目名
express -e demo

1、生成项目

2、项目目录

3、启动运行

默认端口号3000,可以在 www 文件中修改端口号，默认本机地址

进入demo目录，npm install

启动项目 npm run start

访问测试

三、打包上线

1、删除无用文件

• 删除public目录下东西
• 删除router目录
• 删除 app.js 中 引入router文件的代码

2、将打包的 dict 目录下所有文件放入 public 目录

最终目录

3、使用 http-proxy-middleware代理中间件实现多重跨域

配置多重跨域，node 跨域中间件很多，配置大同小异

1、安装中间件

npm install http-proxy-middleware

2、app.js 配置

var {
     createProxyMiddleware} = require('http-proxy-middleware');
app.use('/jeecg-boot/node', createProxyMiddleware(
    {
      //跨域标识
        target: 'http://localhost:9000', //跨域地址
        changeOrigin: true, //是否允许跨域
        pathRewrite: {
     
            '^/jeecg-boot/node': '' //跨域地址重写
        }
    }
));
app.use('/jeecg-boot', createProxyMiddleware(
    {
     
        target: 'http://localhost:8080', //请求本地 需要jeecg-boot后台项目
        changeOrigin: true,
    }
));

3、运行测试

npm run start 启动项目跨域成功

四问题

如果遇到下面错误，看我另一篇博客