网站型建设模板,保定seo公司,首钢建设网站,wordpress手机主题开发文章目录 出现问题解决方法 出现问题
博主在用vue脚手架开发的时候#xff0c;在上传文件的接口中碰到 这样一个错误#xff0c;查遍所有csdn#xff0c;都没有找到解决方法#xff0c;通过一些方式#xff0c;终于解决了。
解决方法
1.打开Vue项目的根目录。
2.在根目… 文章目录 出现问题解决方法 出现问题
博主在用vue脚手架开发的时候在上传文件的接口中碰到 这样一个错误查遍所有csdn都没有找到解决方法通过一些方式终于解决了。
解决方法
1.打开Vue项目的根目录。
2.在根目录下创建一个名为 vue.config.js 的文件如果已存在请打开该文件。
3.在 vue.config.js 中添加以下内容
module.exports {configureWebpack: {devServer: {clientLogLevel: warning,headers: { Access-Control-Allow-Origin: * },proxy: {/api: {target: http://backend-server-url, // 后端服务器的地址changeOrigin: true,onProxyReq: (proxyReq, req, res) {if (req.method POST req.body) {const contentLength Buffer.byteLength(req.body, utf-8);proxyReq.setHeader(Content-Length, contentLength);}},},},},},
};4.将 http://backend-server-url 替换为你实际的后端服务器地址。
5.保存 vue.config.js 文件。
6.重新启动开发服务器。
或者在封装的axios里添加文件上传的响应头 headers: {Content-Type: multipart/form-data},