jsx
没好用
安装插件@vitejs/plugin-vue-jsx
npm install @vitejs/plugin-vue-jsx -D
配置在vite.config.js
import vueJsx from '@vitejs/plugin-vue-jsx'
...
/**
* https://vitejs.dev/config/
* @type {import('vite').UserConfig}
*/
export default defineConfig({
...
//这里
plugins: [vue(), vueJsx()]
})
mock
安装插件
npm install vite-plugin-mock -D
npm install mockjs -S
配置
//引入
import vueMockServe from 'vite-plugin-mock'
plugin:[vueMockServe({ supportTs: false })]
src同级目录创建/mock/user.js
export default [
{
url: '/api/getUsers',
method: 'get',
response: () => {
return {
code: 0,
message: 'ok',
data: {
userList: ['admin', 'tom'],
},
};
},
},
];
在某个组件中请求数据
fetch('/api/getUsers').then(res=>res.json()).then(data=>{
console.log(data,33)
})
安装cross-env
npm install cross-env -S
修改脚本
"dev": "cross-env NODE_ENV=development vite",
启动测试
npm run dev
