VueCli 4プロジェクトは逆プロキシproxyの方法ステップを配置します。


Vue Cli 4はプロジェクトを作成した後、vue.co.nfig.jsを設定していません。直接axios要求を開始すると、国境を越えた問題を引き起こす可能性があります。
豆瓣映画のトップページの最近のヒット例:

axios({
  method: "get",
  url: "https://movie.douban.com/j/search_subjects",
  params: {
  type: "movie",
  tag: "  ",
  page_limit: 50,
  page_start: 0
  }
 }).then(res => {
  console.log(res.data);
 });
直接的に要求を開始すると、ドメインをまたぐエラーが発生します。プロジェクトのルートディレクトリで手動でvue.com fig.jsファイルを作成するだけです。

module.exports = {
 devServer: {
 proxy: {
  "/j": {
  target: "https://movie.douban.com",
  changeOrigin: true
  }
 }
 }
};
その後axios要求のurl住所を修正します。

url:"/j/search_subjects"
最後にこのプロジェクトを再起動し、このプロジェクトを再起動すればいいです。
ここで、VueCli 4プロジェクトのインバースプロキシproxyの方法手順についての記事を紹介します。VueCli 4の逆プロキシproxyの内容については、以前の文章を検索したり、下記の関連記事を閲覧したりしてください。これからもよろしくお願いします。