vue开发遇到的问题

1.配置代理

修改config文件下的index.js文件

proxyTable: {
      '/api': {
        target: 'http://www.choisaaaa.shop',
        changeOrigin: true, //是否跨域
        pathRewrite: {
          '^/api': '' //需要rewrite的,
        }
      }
    },

2.SpringMVC后台接收不到axios的post请求参数

封装的axios请求方法

 import axios from 'axios'
  post: (url ,data,callBack ,errorHandler)=>{
    axios
      .post(addServerUrl(url),data)
      .then(callBack)
      .catch(errorHandler)
  },

Vue.prototype.$resUtil = resUtil

方法的调用
以对象格式进行传参

let userInfo = {
                username: "11",
                password: "22"
            }
this.$resUtil.post(/login.do, userInfo, response => { })

后台的java代码片段

  @RequestMapping(value = "login.do",method = RequestMethod.POST)
  @ResponseBody
  public ServerResponse<User> login(String username,String password){
  ....
  }

结果
后台获取不到参数值，看了chrom的控制台，发现参数的传参格式是：Request PayLoad

解决的方法

https://blog.csdn.net/call_me_fly/article/details/79012581

‘1安装qs依赖’

cnpm i –save-dev qs

import axios from 'axios'
import qs from 'qs'
 post: (url ,data,callBack ,errorHandler)=>{
   data = qs.stringify(data)
   axios
     .post(addServerUrl(url),data)
     .then(callBack)
     .catch(errorHandler)
 },

html相关问题

1.页面出现了横向滚屏 解决办法