Configurer plusieurs solutions serveur dans le projet vue
solution
- Configuration de Vue.config.js
devServer: {
port: 3000,
proxy: {
// 第一台服务器配置
'/cgi': {
target: 'http://localhost:8005',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/cgi': '/cgi'
}
},
// 第二台服务器配置
'/': {
target: 'http://localhost:8006',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/': '/'
}
}
}
}
- modification axios
const BASE_URL = ''
// 创建 axios 实例
const service = axios.create({
baseURL: BASE_URL,
timeout: 5000 ,// 请求超时时间
headers: {
'Content-Type': contentType,
},
})
- envoyer une demande
// 请求前缀为"/"
axios.get("/get_pkg_info").then(res => {
console.log('/', res)
}).catch(err => {
console.log(err)
})
// 请求前缀为"/cgi"
axios.get("/cgi").then(res => {
console.log('/cgi', res)
}).catch(err => {
console.log(err)
})
Remarque: dans le cas de services d'interface multiples, si le préfixe est "/", il doit être placé dans la première partie de la configuration du proxy. Lors du proxy, il est recherché de haut en bas. S'il est placé au en bas, le reste des services sera également utilisé. Configurer le proxy désactivé