vue3+ts+vite 配置别名

mxlWhb

已于 2022-07-22 16:00:32 修改

阅读量508

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-07-22 15:59:54 首次发布

本文链接：https://blog.csdn.net/qq_42859450/article/details/125934274

版权

下载插件npm install @types/node -D

vite + ts 配置别名:path模块是node.js内置的功能，但是node.js本身并不支持typescript，所以直接在typescript项目里使用是不行的
解决方法：安装@types/node

在这里插入图片描述

//vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import{resolve} from "path"
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve:{
    alias:[{
      find:'@',
      replacement:resolve(__dirname,'src')
    }]
  },
  base: './', // 打包路径
  server:{
    port: 3008, // 服务端口号
    open: true, // 服务启动时是否自动打开浏览器
    cors: true, // 允许跨域
    proxy:{
      '/api':{
        target:"http://192.168.25.133:8080",
        changeOrigin:true,
        rewrite:(path)=>p