87 lines
2.2 KiB
TypeScript
87 lines
2.2 KiB
TypeScript
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import { fileURLToPath } from 'url'
|
|
import { dirname, resolve } from 'path'
|
|
import AutoImport from 'unplugin-auto-import/vite'
|
|
import Components from 'unplugin-vue-components/vite'
|
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
// ESM 中获取 __dirname 的替代方案
|
|
const __filename = fileURLToPath(import.meta.url)
|
|
const __dirname = dirname(__filename)
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue(),
|
|
VitePWA({
|
|
injectRegister: 'auto',
|
|
registerType: 'autoUpdate',
|
|
devOptions: {
|
|
enabled: true // 是否本地localhost调试pwa
|
|
},
|
|
|
|
workbox: {
|
|
// 设置需要缓存的文件类型
|
|
globPatterns: ['**/*.{js,css,html,svg,jpg,ico}']
|
|
},
|
|
manifest: {
|
|
name: 'vue模板',
|
|
short_name: 'vue模板',
|
|
theme_color: '#fff', // 浏览器状态栏主题
|
|
start_url: './',
|
|
display: 'standalone',
|
|
background_color: '#fff',
|
|
icons: [
|
|
{
|
|
src: 'logo.png',
|
|
sizes: '144x144',
|
|
type: 'image/png',
|
|
purpose: 'any'
|
|
},
|
|
|
|
{
|
|
src: 'logo.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
purpose: 'any'
|
|
}
|
|
]
|
|
}
|
|
}),
|
|
AutoImport({
|
|
resolvers: [ElementPlusResolver()]
|
|
}),
|
|
Components({
|
|
resolvers: [ElementPlusResolver()]
|
|
})
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': resolve(__dirname, 'src')
|
|
}
|
|
},
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port: 5173,
|
|
open: true,
|
|
proxy: {
|
|
'/api': {
|
|
// 7566
|
|
// target: 'http://192.168.39.120:7566',
|
|
target: 'http://127.0.0.1:8066',
|
|
changeOrigin: true,
|
|
rewrite: p => p.replace(/^\/api/, ''),
|
|
bypass: (req, res, options) => {
|
|
// @ts-ignore
|
|
const proxyURL = options.target + options.rewrite(req.url)
|
|
// console.log('proxyURL', proxyURL)
|
|
req.headers['x-req-proxyURL'] = proxyURL // 设置未生效
|
|
// @ts-ignore
|
|
res.setHeader('x-req-proxyURL', proxyURL) // 设置响应头可以看到
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|