码迷,mamicode.com
首页 > 其他好文 > 详细

vue项目打包之后怎么在本地运行

时间:2020-06-19 16:31:58      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:onclick   res   localhost   log   str   依赖   解压   download   图片   

vue项目打包后的文件需要在本地运行,这里介绍两种方法

(一)搭建express本地服务器

1、安装express-generator

npm i express-generator -g

2、创建一个express项目 

express my-express-project

3、进入项目目录 

cd my-express-project 

这时候能看到my-express-project文件夹下的内容是这样的

技术图片

4、安装相关项目依赖

npm install

然后把刚刚打包后的dist文件夹下的所有文件复制到public文件夹下面 

5、启动项目 

npm run start

6、浏览器中查看

在地址栏输入localhost:3000即可

 (二)使用nginx本地服务器运行

1、下载nginx  

直接去官网下载    http://nginx.org/en/download.htm

2、解压,解压之后目录如下

技术图片

2、打开html文件夹,删掉里面的内容,将已打包的dist文件夹里面的内容,全部复制到html文件夹下

此时的html文件夹内容是这样的

技术图片

3、打开conf文件夹,找到 nginx.conf文件,用编辑器打开

找到http对象中的server,将这部分改一下,其他不用动,listen为端口号

技术图片

4、启动项目 

双击nginx.exe

6、浏览器中查看

在地址栏输入localhost:7080即可

vue项目打包之后怎么在本地运行

标签:onclick   res   localhost   log   str   依赖   解压   download   图片   

原文地址:https://www.cnblogs.com/showcase/p/13163173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!