uni-app 搭建项目，请求接口

妖狐艹你老母 2023-01-03 14:18 162阅读 0赞

可以新建一个 request.js 文件，封装请求方法

在接口请求里面调用此方法

import request from "@/request/request.js"
    
    export function code() { 
      return request.baseRequest(
        '/code',
        'get'
      )
    }
    
    export function login(data) { 
      return request.baseRequest(
        '/auth/login',
        'post',
        data
      )
    }

新建或在 vue.config.js 解决跨域问题

module.exports = { 
    	/* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */  
    	publicPath: "",  
    	assetsDir: "static",  
    	outputDir: "dist",  
    	runtimeCompiler: true,  
    	productionSourceMap: false,  
    	/* webpack-dev-server 相关配置 */  
    	devServer: { 
    	    /* 自动打开浏览器 */  
    	    open: true,  
    	    /* 设置为0.0.0.0则所有的地址均能访问 */  
    	    host: '0.0.0.0',  
    	    // port: 8182, 
    	    https: false,
    	    hotOnly: false,
    	    /* 使用代理 */  
    	    proxy: { 
    	        '/dev-api': {  
    	            /* 目标代理服务器地址 */
    	            target: 'http://192.168.2.178:8789',
    	            /* 允许跨域 */
    	            changeOrigin: true,
    	pathRewrite: { 
    	  '^/dev-api': ''
    	}
    	        },
    	    },
    	},
    }

如果有下面报错信息  
![在这里插入图片描述][20210108173359860.PNG]  
可以查看请求头和响应头的 Content-Type1 是否一致  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkwMDQxNA_size_16_color_FFFFFF_t_70]

--------------------

1.  ‘Content-Type’ 属性有下面俩种属性值， ‘application/json; charset=UTF-8’ 和 ‘application/x-www-form-urlencoded; charset=UTF-8’，表示请求参数以 json格式 或 form data格式 传递给后台。 ↩︎

[20210108173359860.PNG]: /images/20221119/bb7a7aedafc24eac997ca169c337ea7c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkwMDQxNA_size_16_color_FFFFFF_t_70]: /images/20221119/c7cab28e858a49b7b1a79a0b57394415.png