vue3 初体验

林子soCool2025-01-11 14:11

git代码git clone https://github.com/kailong321200875/vue-element-plus-admin.git

后端自己写python，Django架构

1.报错：跨域，代理的方式解决

复制代码

server: {
      port:4000,  ##前端启动端口
      proxy: {
        // 选项写法
        '/api': {
          target: 'http://127.0.0.1:8001',		###代理服务的地址
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, '')			
        }
      },
      hmr: {
        overlay: false
      },
      host: '0.0.0.0'
    },

后端接口：http://localhost:8001/dep/books/?pageIndex=1\&pageSize=10

src.api下接口配置

复制代码

export const getTableListApi = (params: any) => {
  return request.get({ url: '/api/dep/books/', params })
}

2.报错301 /api/dep/books/ 检查API前后/是否一致

3.接口返回数据页面不展示

table.indexmock 检查数据结构前后端需要一致

4.接口返回数据页面字段不展示

table.indexmock 检查数据字段名称与前端一致

5.后端接口打开的时候报错TemplateDoesNotExist

setting文件，INSTALLED_APPS内配置

'rest_framework',