Vue3 vite がクロスドメインを設定しても効果がありません

1. vite.config に設定を追加します

server: {
    host: "0.0.0.0",
    cors: true,
    port: 8991,
    open: false, //自动打开
    proxy: {
      // 这里的ccc可乱写, 是拼接在url后面的地址 如果接口中没有统一的后缀可自定义
      // 如果有统一后缀, 如api, 直接写api即可, 也不用rewrite了
      "^/ccc": {
        target: "http://116.62.200.158", // 真实接口地址, 后端给的基地址
        changeOrigin: true, // 允许跨域
        rewrite: (path) => path.replace(/^\/ccc/, ""), // 将ccc替换为空
      },
    },
  },

2. .env.development で開発環境のベースアドレスを設定します (このフォルダーを使用せずに手動で作成します)。

VITE_BASEURL='/ccc'

3. axiosのベースアドレスを設定する

const instancs = axios.create({
  baseURL: import.meta.env.VITE_BASEURL,
});

やっと:

        以前ミスをしてしまい、長い間失敗してしまいました... vite.configの設定後、インターフェースに/cccサフィックスがない場合は自分で追加するため、手動で追加する必要があります。 .. 

        これは当社のバックエンドの問題です。ほとんどのバックエンドには API などの統一されたサフィックスが付いていますが、私のバックエンドはそのような標準に従っておらず、自分自身と比較してしまいます... このように構成されている場合、このように書いてみたところ、この構成で開発環境で普通に実行できるようになりました

おすすめ

転載: blog.csdn.net/Motion_zq/article/details/128904854