036.CI4框架CodeIgniter,VUE+CI4互通，VUE通过伪静态地址访问，内容为调用的CI4的API

CI4和VUE前端代码，可以看我在https://www.cnblogs.com/tianpan2019写的前2篇

运行CI4能正常打开 

 使用npm run dev 也可以正常打开VUE

 根据https://www.cnblogs.com/tianpan2019前1篇把根目录设置成CI4的publi目录

 把伪静态内容也写上，内容如下：

location / {
if (!-e $request_filename) {
rewrite ^/(.+)$ /index.php/$1 last;
}
}

 增加了伪静态之后，原先的域名无法访问，短域名正常访问

 在vue中的config.js，定义一下配置文件，开发模式和生产模式不一样

 在main.js中读取配置文件

 vite配置文件增加代理

 安装axios这个http库，npm install axios

 在app.vue中引入一下库，写一下代码，如图所示

 npm run dev 正常打开，可以读取，没啥问题

 使用npm run build 打包vue

 把vue打包后生成的dist和index.html放到CI4的public中，浏览器可以正常访问伪静态页面

 

 浏览器打开之后，F12可以看到具体内容

 

原创不易，如果您认为这篇文章有价值，认同作者的付出，可以微信二维码打赏任意金额给作者（微信号：382477247）哦，谢谢。