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