老师vite的 vite.config.js 怎么配置？我的都不执行backend

来源：2-5 获取轮播图接口数据

班大人

2021-05-25

我的文件如下 ↓

import {
  defineConfig
} from 'vite';
import path from 'path';
import vue from '@vitejs/plugin-vue';
 
const registerRouter = require('./backend/router.js')
// https://vitejs.dev/config/
export default ({
  mode
}) => defineConfig({
  //  base: baseUrl[mode],
  resolve: {
    alias: [{
      find: '@',
      replacement: path.join(__dirname, '/src'),
    },],
  },
  css: {
    preprocessorOptions: {
      scss: { // 注意，键名是scss不是sass！
        // 这里写你想导入全局scss变量的路径，注意只能写相对路径，alias貌似在css中不会生效
        additionalData: `
                    @import './src/assets/scss/mixin.scss';
                    @import './src/assets/scss/variable.scss';
                `,
      },
    },
  },
  devServer: {
    before(app) {
      registerRouter(app)
    }
  },
  plugins: [
    vue(),
  
  ],
 
});

写回答

4回答

小茂茂

2021-05-26

已采纳

vite 不能直接配置的 devServer 的

vite 设置开发服务器
https://cn.vitejs.dev/guide/ssr.html#setting-up-the-dev-server

zhou21

班大人

最终是怎么配置的呢

2021-11-18

共3条回复

班大人

提问者

2021-05-26

已解决

慕标8224295

怎么解决的啊？

2023-12-18

共2条回复

PARADISELIN

2021-07-04

请问最终如何解决？

zhou21

PARADISELIN

请问是怎么解决的

2021-11-18

共2条回复

海_123

2021-05-26

const registerRouter = require('./backend/router.js')
const express = require('express')
const { createServer: createViteServer } = require('vite')
async function createServer() {
  const app = express()  // 以中间件模式创建 vite 服务器  
  // const vite = await createViteServer({  
  //   server: { middlewareMode: 'ssr' }  
  // })  // 将 vite 的 connect 实例作中间件使用  
  // app.use(vite.middlewares)  
  registerRouter(app)
}
createServer()

qq_嘻嘻_41

慕莱坞0998854

请问解决了吗？

2022-10-18

共4条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2232 学习 · 1012 问题

查看课程

相似问题

有木有人能帮忙看下vite.config.js里配置代理server是哪里有问题呀

回答 1