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同級目錄創(chuàng)建/mock/user.js
export default [
{
url: '/api/getUsers',
method: 'get',
response: () => {
return {
code: 0,
message: 'ok',
data: {
userList: ['admin', 'tom'],
},
};
},
},
];
在某個組件中請求數(shù)據(jù)
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
