美文网首页
运行vue打包后的项目

运行vue打包后的项目

作者: simplerandom | 来源:发表于2020-07-15 17:54 被阅读0次

    使用基于 Node.js 平台,快速、开放、极简的 Web 开发框架Express

    1、按照express创建出基本的结构

    mkdir myapp
    cd myapp
    npm init
    package.json会被创建出来

    2、安装express

    npm install express --save
    会创建 node_modules

    3、同级目录下创建index.js文件和www文件夹,其中index.js中写入

    const express = require('express')
    const app = express()

    app.get('/', (req, res) => res.send('Hello World!'))
    app.use(express.static('./www'))

    app.listen(3000, () => console.log('Example app listening on port 3000!'))
    4、npm run build之后将你打包出的文件目录放到www文件夹下,如打包出来的文件目录为dist,dist里面有index.html和page文件夹,page文件夹是所有的打包之后的文件

    5、执行localhost:3000出现Hello World,加路由访问localhost:3000/index.html即可访问到你打包出的页面了

    如果其他电脑也需要访问,将localhost换成本地的ip地址就OK
    ————————————————
    版权声明:本文为CSDN博主「EncodingAESKey」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/weixin_42333548/java/article/details/103664284

    相关文章

      网友评论

          本文标题:运行vue打包后的项目

          本文链接:https://www.haomeiwen.com/subject/nzyjhktx.html