Home > Article > Web Front-end > How to operate Vue to make a proxy
This time I will show you how to operate Vue to make a proxy agent. What are the precautions for operating Vue to make a proxy agent? The following is a practical case, let's take a look.
When developing the Vue framework, you will encounter cross-domain problems. You can configure the proxyTable content in config/index.js and use the proxy proxy.
// config/index.js 文件 proxyTable: { '/api': { target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号 changeOrigin: true, // 跨域 pathRewrite: { '^/api': '/' } } },
This is understood as using '/api' to replace the address in the target. In the later components, when we drop the interface, we directly use api to replace it. For example, I want to call 'http://192.168.149.90:8080/xxx/duty ?time=2017-07-07 14:57:22', directly write '/api/xxx/duty?time=2017-07-07 14:57:22'
in dev.env Configure the development environment request address in .js
// config/dev.env.js 文件 module.exports = merge(prodEnv, { NODE_ENV: '"development"', ADMIN_SERVER: '"/api/"', });
If you request axios for the plug-in, configure it as follows
const adminServer = axios.create({ baseURL: process.env.ADMIN_SERVER, });
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to the php Chinese website Other related articles!
Recommended reading:
How to use webpack modular management and packaging tool
security.js RSA to create encryption function
The above is the detailed content of How to operate Vue to make a proxy. For more information, please follow other related articles on the PHP Chinese website!