在服务器渲染代理工作正常。请求将发送至 custom-server.com/v1/places。但是在浏览器中请求将转到 current-domain.com/api/places
为什么它在浏览器中不起作用?代理仅在服务器端工作?请帮忙。
我有 NuxtJS 配置:
require('dotenv').config();
export default {
mode: 'universal',
buildModules: [],
modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy',
['@nuxtjs/dotenv', { systemvars: true }],
],
axios: {
proxy: true,
credentials: true,
},
proxy: {
'/api': {
target: "http://custom-server.com",
pathRewrite: {
'^/api' : "/v1"
},
changeOrigin: true,
},
},
}
Run Code Online (Sandbox Code Playgroud)
我的组件:
<script>
export default {
data() {
return{
placesServer:false,
placesBrowser:false,
}
},
async asyncData ({ $axios }) {
// Here is all is fine
let response = await $axios.get("/api/places");
return { …Run Code Online (Sandbox Code Playgroud)