我有一个来自 @vue/cli
3.x 的 Vue 项目。
我在package.json
中定义的代理是基于this article不管用。目标服务器看不到 API 请求。
我在这里错过了什么?
vue文件:
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import VueResource from 'vue-resource';
Vue.use(VueResource);
@Component
export default class HelloWorld extends Vue {
@Prop() private msg!: string;
constructor() {
super();
this.$http.post('/api');
}
}
</script>
package.json:
"proxy": {
"/api": "http://localhost:9000/api"
},
最佳答案
这篇文章可能指的是一种过时的代理设置方法。最新版本的@vue/cli
(目前是3.0.0-rc.3
)有一个new method配置开发服务器。
对于该代理的等效设置,使用以下内容创建 vue.config.js
(如果它尚不存在):
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:9000',
ws: true,
changeOrigin: true
}
}
}
}
关于http - Vue 代理设置不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50912749/