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

Question

我的文件如下 ↓

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(),
  
  ],
 
});

Answer 1

小茂茂 2021-05-26 00:15:02

vite 不能直接配置的 devServer 的

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

• 提问者 班大人 #1

  看了，看不会呀，😂笑哭

• 提问者 班大人 #2

  非常感谢！

• zhou21 回复 提问者 班大人 #3

  最终是怎么配置的呢

Answer 2

提问者 班大人 2021-05-26 12:36:31

已解决

• so_what666 #1

  大佬，怎么解决的呀

• 慕标8224295 #2

  怎么解决的啊？

Answer 3

PARADISELIN 2021-07-04 20:16:25

请问最终如何解决？

• PARADISELIN #1

  已解决，请忽略。。

• zhou21 回复 PARADISELIN #2

  请问是怎么解决的

Answer 4

海_123 2021-05-26 00:31:08

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()

• 提问者 班大人 #1

  复制你的，但是还说404，囧，虽然明白，但还说404

• 海_123 回复 提问者 班大人 #2

  你要看服务启动没，接口路径有没有对

• 慕莱坞0998854 #3

  你好，这段代码怎么用啊？放在哪里啊？

点开查看后面1条评论