vue3 问题记录

public和assets

public/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下

assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。

px2rem

main.ts中引入rem.js 更改html的字体大小  配置postcss.config.js文件

设置全局样式

　　vue3  在vue.config.js中配置了prependData全局样式之后   element-plus样式不生效。 需要将配置中requireModuleExtension改为true

使用postcss-px2rem-exclude 消除px2rem对element-ui的影响

找不到模块声明文件

src下shims-vue.d.ts文件中添加  declare module 'js-md5' 并重启

src下declaration.d.ts文件中添加  declare module 'trtc-js-sdk' 并重启  （trtc视频）

全局API

挂载到原型上的方法 更改为 app.config.globalProperties赋值     const { proxy } = getCurrentInstance() as any; 通过proxy调用

vue3跨域处理

 axios.defaults.baseURL = '/api';   再配置vue.config.js 中devServer的proxy

嵌套路由

嵌套路由使用懒加载时，需要将publicPath的值设置为 "/" 绝对路径

TS忽略下一行

// @ts-ignore

element table与flex使用 宽度不会随felx子元素自适应缩小

table设置absolute  宽度100%   给flex下100%宽度的子元素 设置relative