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)哦,谢谢。