4.基于qiankun的微应用示例（Vue及传统应用混合）一 传统应用

1. 准备环境
   express
   我们安装express，只是为了应用一下express的静态服务资源。随便安装一下...

npm i express -g 

2. 新建app.js

var express = require('express');
var path = require('path');
var app = express();
 

// app.all('', function(req, res, next) {
//   res.header("Access-Control-Allow-Origin", "*");
// });

var allowCors = function(req, res, next) {
  res.header("Access-Control-Allow-Origin", req.headers.origin);
  res.header("Access-Control-Allow-Methods", "GET,POST,OPTIONS");
  res.header("Access-Control-Allow-Headers", "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X- 
  Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization");

  
  next();
}
app.use(allowCors)
app.use(express.static(path.join(__dirname, 'public')));

var server = app.listen(8082, function () {
    var host = server.address().address
    var port = server.address().port
    console.log("应用实例，访问地址为 http://%s:%s", host, port)
})

3. 新建 public文件夹

4.public文件夹下新建index.html

    
    
    
    
    

    
    
    


  

    子应用2
  

  

至此构建传统的子引用构建完成。

demo 到此也结束。运行起来可以看到完整的效果。