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）哦，謝謝。
