欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue build proxytable

劉柏宏2年前8瀏覽0評論

vue-cli是Vue.js官方提供的腳手架工具,可以快速搭建Vue項目的基礎結構,同時也支持自定義配置。其中,使用vue-cli創建的項目默認包括了webpack配置文件,而proxytable就是在webpack中配置跨域代理的一個重要選項。

在vue項目中通過axios發送請求時,如果請求的目標地址與項目部署的地址不在同一域,就會發生跨域錯誤。此時就需要借助proxytable進行配置,將請求代理到本地服務器上,再由本地服務器代理請求到目標地址,達到跨域訪問的目的。

那么,如何在vue項目中配置proxytable呢?首先,我們需要在項目根目錄下的config文件夾中找到index.js文件,打開后,在module.exports中添加以下代碼:

dev: {
proxyTable: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': '/api'
}
}
}
}

以上代碼表示,將所有以/api開頭的請求代理到http://localhost:3000上,請求中的/api將被重寫為/api。

需要注意的是:proxyTable只在開發環境中有效,生產環境下需要使用Nginx等反向代理服務器進行配置。