今回は、Vue でプロキシを実装する手順について詳しく説明します。Vue でプロキシを実装するための 注意事項 について、実際のケースを見てみましょう。
Vue Framework 開発中に、クロスドメインの問題が発生することがあります。config/index.js で proxyTable コンテンツを構成し、プロキシ プロキシを使用できます。
// config/index.js 文件 proxyTable: { '/api': { target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号 changeOrigin: true, // 跨域 pathRewrite: { '^/api': '/' } } },
これは、ターゲット内のアドレスを置き換えるために「/api」を使用するものとして理解されます。たとえば、「http:」を呼び出したい場合、インターフェースを削除するときに API を直接使用します。 //192.168.149.90:8080/xxx/duty?time =2017-07-07 14:57:22'、直接書くと '/api/xxx/duty?time=2017-07-07 14:57:22 ' dev.env.js 環境で開発を設定するには
リクエストアドレス// config/dev.env.js 文件 module.exports = merge(prodEnv, { NODE_ENV: '"development"', ADMIN_SERVER: '"/api/"', });
const adminServer = axios.create({ baseURL: process.env.ADMIN_SERVER, });
vue のマルチページ開発とパッケージ化を実装する手順の詳細な説明
以上がVueでプロキシを実装する手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。