vue使用axios请求发生301 Moved Permanently错误

发布于 2022-09-12 22:33:29 字数 979 浏览 12 评论 0

image.png

vue.config.js代码

devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', //后端地址
        ws: true, //是否代理websockets
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }

main.js代码

import axios from 'axios'
Vue.prototype.$axios = axios  
axios.defaults.baseURL = '/api'

import qs from "qs"
axios.interceptors.request.use(function (config) {
  if(config.method=="post"){
      config.data = qs.stringify(config.data);
  }
  return config;
}, function (error) {
  return Promise.reject(error);
})

请求代码

const data = {
      uid: 32953014,
    }
    this.$axios
      .post('/likelist', {
        data
      })
      .then(function (response) {
        console.info(response.data)
      })
      .catch(function (error) {
        console.info(error)
      })

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

↘紸啶 2022-09-19 22:33:29

亲测可用:
你看看你这个项目其他请求后端接口的地方 是不是url后面都跟着一个斜杠?
如果是的话 就好解决了 请求地址最后加个斜杠就好了
this.$axios.post('/likelist/', { data })
如上就行了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文