server:{ host:'127.0.0.1', port:3000, open:true, proxy: {//跨域代理'/api': { target: config.VITE_BASIC_URL, changeOrigin:true, rewrite: (path)=> path.replace(/^\/api/, '') } }, } } }) 在tsconfig.json中配置 {"compilerOptions": { ..."paths": {"@/*":["./src/*"] }...
1.创建项目 npm init vite-app hello-vue3 # or yarn create vite-app hello-vue3 1. 2. 3. 2. 配置端口号 以及配置别名,解决vue中 引入ref..的插件 配置端口号+配置代理: 打开vite.config.ts 文件: 添加server就可以了 server: { host: '0.0.0.0', port: 8080, open: true, proxy: { '/api'...
vite.config.ts server: { // host: '0.0.0.0', cors: true, open:true, // 跨域配置 proxy: { '/api': { target: 'http://192.168.0.34:8888', // 后台接口地址 changeOrigin: true, rewrite: path => path.replace(/^\/api/, '') } } }, 调用 const test = () => { return axios(...
这个可以让 ts 识别 vue 组件类型声明。 配置vue-router 下面简单的配置一个路由文件,在src下面新建一个router文件夹,并创建一个index.ts文件。 // ./src/router/index.ts // 导入依赖 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router"; // 配置routes const routes: Array<Rou...
在项目根目录中找到vite.config.ts文件,配置以下代理: exportdefaultdefineConfig({server:{proxy:{'/page':{target:'http://www.baidu.com/api/',// 目标服务器地址changeOrigin:true,// 启用代理时,改变源地址headers:{"Authorization":"bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAi"//设置请求...
配置 下面配置一下vite.config.ts文件和main.ts文件以及其他需要配置的文件。 vite 配置文件 打开vite.config.ts文件,主要是添加插件配置,文件路径别名配置,css 全局样式配置,服务端端口及代理配置。 引入依赖 importAutoImportfrom"unplugin-auto-import/vite";importveturfrom"@volar-plugins/vetur";importpathfrom"pa...
下面配置一下vite.config.ts文件和main.ts文件以及其他需要配置的文件。 vite 配置文件 打开vite.config.ts文件,主要是添加插件配置,文件路径别名配置,css 全局样式配置,服务端端口及代理配置。 引入依赖 importAutoImportfrom"unplugin-auto-import/vite";
svg-icon的配置 1. 首先引入svg插件 yarn add svg-sprite-loader -D// 或者npm install svg-sprite-loader -D复制代码 网络异常,图片无法展示 | 2. 创建文件 在@/src里面创建icons文件夹,里面创建index.vue(svgicon的模板文件),index.ts(svgicon的js逻辑),svg文件夹(svg图标存放的地址) ...
用vite创建初始vue项目后,会生成一个默认的vite.config.ts文件,内容如下: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [vue()] }) 然后我们开始配置vite.config.ts, 并且会在代码中以注释的形式进行说明 ...
// 本地运行配置,及反向代理配置 server: { cors: true, // 默认启用并允许任何源 open: true, // 在服务器启动时自动在浏览器中打开应用程序 //反向代理配置,注意rewrite写法 proxy: { '/api': { target: 'http://192.168.128.7:3000', //代理接口 ...