vue-cli4前后端分离 传到后台数据库乱码 但是单独后台测试不乱码解决方法

在项目里面的main.js或者main.ts文件里加上这个

//main.js或者main.ts文件里面
axios.defaults.headers.post['Content-Type'] =
 'application/x-www-form-urlencoded;charset=UTF-8';

//app.vue文件里面
<template>
  <div id="app">
    <h1>yy</h1>
    <!--增加事项-->
    <el-form :data="insertData">
      <el-form-item label="昵称"  clearable>
        <el-col :span="11">
          <el-input v-model="insertData.sname"   clearable>
          </el-input>