色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue proxyTable6

謝彥文2年前9瀏覽0評論

proxyTable是Vue項目的一個配置選項,它允許我們在本地進行開發和調試時代理API請求。Vue.js 2和Vue.js 3的proxyTable API完全兼容,但由于Vue.js 3已經使用了ES6模塊系統,所以需要將配置方法進行一些調整。

proxyTable配置選項通常放在Vue項目的“config”文件夾下的“index.js”文件中。在該文件中,我們需要導出一個對象,對象的屬性名即為待代理的接口地址,屬性值為代理設置的選項。

module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}

上述代碼是一個簡單的proxyTable代理配置示例。其中,proxy對象的屬性名為“/api”,意為將請求的API接口以http://localhost:3000的地址代理。changeOrigin選項表示代理時是否改變請求頭中的主機地址,pathRewrite選項可以將請求路徑進行修改。

如果我們要代理的接口有多個地址,可以繼續在proxy對象中添加屬性。

module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
'/foo': {
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/foo': ''
}
}
}
}
}

在Vue.js 3中,我們需要使用“createProxyMiddleware”方法來創建proxyTable代理。我們需要將該方法導入到“vue.config.js”文件中,并將其添加到devServer中的選項中。

const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = {
devServer: {
before: function(app) {
app.use('/api', createProxyMiddleware({
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
})),
app.use('/foo', createProxyMiddleware({
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/foo': ''
}
}))
}
}
}

Vue.js 3的proxyTable代理與Vue.js 2有些不同,但都具有相同的基本結構和配置方式。我們可以根據具體的項目需求進行選擇和配置。