main-vue2 与 vue 2 使用 node 10.24.1 版本。
使用的qiankun版本为2.7.5。
到每个应用目录下执行 npm install 。
基座应用,可以直接使用npm run start 运行,也可以使用Nginx部署。
为方便支持跨域和单页刷新,子应用打包后使用Nginx进行部署。Nginx配置文件示例如下所示:
// cors.conf
add_header Access-Control-Allow-Origin * always;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
if ($request_method = 'OPTIONS') {
return 204;
}
server {
listen 8000;
server_name localhost;
location / {
root qiankun-demo/main-vue2/dist;
index index.html index.htm;
try_files $uri $uri/ /;
}
}
server {
listen 8100;
server_name localhost;
include cors.conf;
location / {
root qiankun-demo/vue2/dist;
index index.html index.htm;
try_files $uri $uri/ /;
}
}
本仓库中 vue 2 项目是使用命令 vue init webpack 创建的(参考 Vue2项目搭建)。
该项目修改webpack配置可参考:@vue cli-init 创建项目学习webpack配置
vue.config.js配置不生效的原因见: vue.config.js中的配置不生效