美文网首页
运行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项目打包以及遇到的问题

    Vue项目打包以及遇到的问题 项目打包: 运行 npm run build 即可 项目打包后将dist文件夹里面...

  • 关于vue打包成app

    vue项目打包成app前需要先将文件打包运行: npm run build打包后会遇到页面为空, 因为打包后的in...

  • 运行vue打包后的项目

    使用基于 Node.js 平台,快速、开放、极简的 Web 开发框架Express 1、按照express创建出基...

  • vue-cli3 + electron vue项目打包成桌面客户

    1.vue-cli3创建vue项目 2.安装依赖,运行 3.安装electron及打包插件 4.编译打包vue项目...

  • vue项目打包后如何运行

    之前一直使用的是phpStudy的阿帕奇服务器来运行的,今天突然想起node也是服务器,应该也可以运行的,找到了=...

  • Hbuilder打包vue项目成移动端app

    首先,打包好vue项目 运行npm run build 打包完成后,在项目目录中会有一个dist文件夹。 然后在H...

  • vue本地运行打包后的项目

    项目打包 通过执行 命令会默认在vue项目的根目录下生成打包后的dist文件。 我们可以看到在dist目录下有一个...

  • 打包后的map文件

    Vue打包后出现一些map文件运行 cnpm run build 开始打包后会在项目目录下自动创建dist目录,打...

  • vue项目优化

    vue 项目优化 项目打包体积优化 通常vue项目通过webpack打包后,会出现vendor包的体积过大的情况,...

  • Vue项目build打包后如何运行

    之前用Vue做了一个登录系统的项目,使用npm run build命令进行打包,经过vue-cli3.0版本的优化...

网友评论

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

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