laravel9 + inertia.js + vite + vue3環境で外部API接続の仕方について

Question

お世話になります。
どうかお助けください。

laravel9 + inertia.js+ vite + vue3環境で外部APIとの接続につきまして
そのまま接続しますとCORSエラーが発生するため、
viteのサーバオプションによりproxyを設定していますが、
proxyが効いていないのかlaravel側に接続しようとし、notofoundになってしまいます。
以下の設定をしておりますが、laravel側で他に設定する箇所などございますでしょうか？

どうかご教示願います。

viteサーバオプション

https://ja.vitejs.dev/config/server-options.html

送信

<script setup>
const searchAddress = async () => {
      await axios
        .get(`/api/search?zipcode=${form.zipcode}`)
        .then((res) => {
          console.log(res)
        })
        .catch((error) => {
          console.log(error)
        })
    }
</script>

vite.config.js

export default defineConfig({
    server: {
        proxy: {
            '/api': {
                target: "https://zipcloud.ibsnet.co.jp/api/",
                changeOrigin: true,
                secure: false,
                rewrite: (path) => path.replace(/^\/api/, ""),
            }
        }
    }

Answer 1

laravel側でAPI接続することにしました。