zoukankan      html  css  js  c++  java
  • vue项目如何在node启动

    我的个人网站:https://m.theeye.tech/

     前端交流群:1056993061

    首先将vue项目通过命令npm run build 打包,然后创建start.js,代码如下:

      
    // const userApi = require('./api');
      const fs = require('fs');
      const path = require('path');
      const bodyParser = require('body-parser');
      const express = require('express');
      const app = express();
    
      app.use(bodyParser.json());
      app.use(bodyParser.urlencoded({ extended: false }));
      // 服务开启后访问指定编译好的dist文件下的数据
      app.use(express.static(path.resolve(__dirname, '../dist')))
      app.get('*', function(req, res) {
      const html = fs.readFileSync(path.resolve(__dirname, '../dist/index.html'), 'utf-8')
        res.send(html)
      })
      // 后端api路由
      // app.use('/api', userApi);
      // 监听端口
      app.listen(8081);
      console.log('success listen at port:8081......');
     
    具体目录如下:

    使用命令node start.js,项目就能运行起来了,但是还未配置相关数据库。

    当然,vue项目也可以单独启动,输入npm run dev即可。

  • 相关阅读:
    MySQL日志系统
    MySQL基础架构
    Java操作XML牛逼利器JDOM&DOM4J
    SAX方式解析XML
    DOM方式解析XML
    Jquery Ajax
    Jquery动画效果
    angular6新建项目
    mysql命令行使用
    git常用命令
  • 原文地址:https://www.cnblogs.com/xinsir/p/10256522.html
Copyright © 2011-2022 走看看