rf-vue-pc

PC端孵化项目

1. javascript 技术栈vuejs + vue-router
2. UI采用是的element-ui
3. 预处理器less

目录结构

+ -- dist           前端文件输出文件夹
+ -- config         webpack 及环境相关配置
+ -- mock           系统mock数据
+ -- scripts        npm 对应的相关命令
+ -- src            源代码
  + -- assets       资源库
  + -- css          样式文件（scss）
  + -- js           业务逻辑
  + -- index.ejs    入口页面模板

工程配置

安装淘宝镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

工程依赖

# install dependencies
cnpm install
 
# serve with hot reload at http://10.60.64.132:8039/
npm run dev 或者 npm start
 
# serve with hot reload use mock data at http://10.60.64.132:8039/
npm run mock
 
# check the javascript coding unify and illegal
npm run eslint
 
# create a package for production
npm run build
 
# create a package for pre-production
npm run build-for-pre
 
# create a package for test env
npm run build-for-test
 
# create a package and tag for production
npm run release
 

本地调试

配置host

127.0.0.1           xxx.yyyy.local.com

配置ngniux

server {
  listen       80;
  server_name  xxx.yyyy.local.com;
  
  #access_log ln.access.log;
  #charset koi8-r;
  access_log  logs/xxx.access.log  main;
        
  location / {
    proxy_pass   http://127.0.0.1:8039;
    index  index.html index.htm;
  }
        
  location /yyyy {
    proxy_pass http://10.60.64.132:9121/yyyy;
  }
 
  error_page   500 502 503 504  /50x.html;
  location = /50x.html {
      root   html;
  }
}