无开发软件的系统启动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实现

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

逮个大佬讲讲,属于反向还是正向,整懵了小青年

Logo

前往低代码交流专区

更多推荐