vite项目中使用的不是vue.config.js,而是vite.config.js
vite.config.js配置：
const path = require('path') // vite.config.js # or vite.config.ts module.exports = {
alias: {
// 键必须以斜线开始和结束 '/@/': path.resolve(__dirname, './src') }, hostname: '0.0.0.0', port: 8080, // 是否自动在浏览器打开 open: true, // 是否开启 https https: false, // 服务端渲染 ssr: false, / * 在生产中服务时的基本公共路径。 * @default '/' */ base: './', / * 与“根”相关的目录，构建输出将放在其中。如果目录存在，它将在构建之前被删除。 * @default 'dist' */ outDir: 'dist', // 反向代理 proxy: {
'/api': {
target: 'https://blog.csdn.net/weixin_', changeOrigin: true, rewrite: path => path.replace(/^\/api/, '') } } } vite2.0配置
import {
defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const path = require('path') import {
resolve } from 'path' // 主要用于alias文件路径别名 // https://vitejs.dev/config/ export default defineConfig({
plugins: [vue()], // 是否开启 https https: false, // 服务端渲染 ssr: false, / * 在生产中服务时的基本公共路径。 * @default '/' */ base: './', / * 与“根”相关的目录，构建输出将放在其中。如果目录存在，它将在构建之前被删除。 * @default 'dist' */ outDir: 'dist', resolve: {
alias: {
'@': resolve(__dirname, '.', 'src'), }, }, // 反向代理 server: {
port: 8080, host: "0.0.0.0", // 是否自动在浏览器打开 open: true, // 是否开启 https https: false, proxy: {
'/api': {
target: 'https://blog.csdn.net/weixin_', changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, ''), }, }, }, }) 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/209794.html原文链接：https://javaforall.net
