node&&nginx启动vue项目
node让我卷的
·
无开发软件的系统启动vue
首先咱得手持一个能跑的项目并打包;
npm run build
bulid会打包成一个dist文件,🆗了。
两种办法实现:
一.通过Nginx反向代理实现(方法简单);
下载Nginx
- 1.配置静态资源
将dist下所有文件复制到Nginx中html目录下即可; - 2.修改配置文件
打开Nginx/conf/nginx.conf
修改如下,建议新建conf文件,通过include导入。
server {
listen 80;
server_name localhost;//访问地址
root dist;//不能与proxy_pass同一代码块下,所以单独拿出来了;不知为何,求解。
index index.html index.htm;
location / {
proxy_pass http://ip;
}
- 3.启动nginx
cd到nginx目录
start nginx && nginx.exe;
闪退是正常操作。
nginx -t//查看开启情况
nginx -s reload//重载
nginx -s quit//关闭
taskkill /f /t /im nginx.exe// over进程
个人建议多看logs目录下的信息,欧皇那就不说啥了
- 4.访问localhost
二.通过node.js实现
- 1.下载node
node -v
npm -v
-
2.配置正常
如有跑成功的源码直接拿过来,cd到源码目录下直接npm run serve
即可 -
3.选择用打包的dist文件
安装cnpm
由于npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像—cnpm
在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
全局安装express-generator
npm install express --save -g
npm install express-generator --save -g
- 4.使用express创建项目
express project(project为项目名称,自己定)
创建好项目之后
cd project //进入项目
cnpm install //下载依赖
npm start //启动项目
- 5.搭建完成后
将dist目录中的文件复制到project/public目录下
然后执行 npm start
在浏览器输入localhost:3000
逮个大佬讲讲,属于反向还是正向,整懵了小青年
更多推荐
已为社区贡献1条内容
所有评论(0)