VueCli 4プロジェクトは逆プロキシproxyの方法ステップを配置します。
Vue Cli 4はプロジェクトを作成した後、vue.co.nfig.jsを設定していません。直接axios要求を開始すると、国境を越えた問題を引き起こす可能性があります。
豆瓣映画のトップページの最近のヒット例:
ここで、VueCli 4プロジェクトのインバースプロキシproxyの方法手順についての記事を紹介します。VueCli 4の逆プロキシproxyの内容については、以前の文章を検索したり、下記の関連記事を閲覧したりしてください。これからもよろしくお願いします。
豆瓣映画のトップページの最近のヒット例:
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の内容については、以前の文章を検索したり、下記の関連記事を閲覧したりしてください。これからもよろしくお願いします。