# 项目运行

# 项目下载

项目地址: http://119.255.194.80/hos/hos-app-web

git用户名: hosuser 密码: 99ahivPJt

# 启动项目

# 导入

  1. 打开 VSCode,选择 文件->Open Folder,在弹出对话框中找到项目所在地址

    example2.png

  2. 选择项目文件夹点击 打开 按钮后,即可打开项目

    example3.png

# 修改配置环境

推荐使用代理方式设置后端服务地址:

  1. 打开根目录下 vue.config.js 文件
  2. 找到devServer项下的proxy属性,输入以下代码:
    {
      '/api': {
        target: 'https://111.205.6.233:8128/api', //修改为后端服务器地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    }
    
  3. 保存

或者使用vue环境变量修改:

  1. 打开根目录下 .env.development 文件
  2. 修改 VUE_APP_BASE_URL 项的值为对应后端服务器地址
    VUE_APP_BASE_URL='http://114.242.246.250:8104' //修改为后端服务器地址
    
  3. 可修改VUE_APP_SIMPLE_ONCE的值设置项目为极简风格或者卡片式风格,详情请参考风格切换
  4. 保存

# 安装项目依赖

  1. 点击 IDE 左下角图标,打开 terminal

    example5.png

  2. 安装依赖,在当前项目根目录下,执行命令:

    执行登录私服命令: npm login --registry=http://119.255.194.80:8081/repository/npm-public/

    输入用户名:vue-admin

    输入密码:hos1234qwer

    输入邮箱:chenyuan@mediway.cn

    执行安装依赖命令: npm install --registry=http://119.255.194.80:8081/repository/npm-public/

    example6.png

TIP

err.png

安装过程中,如遇无法下载依赖包(如上图所示),查看项目根目录中是否有package-lock.json文件,可以删除此文件,以管理员身份运行cmd,再次尝试。

# 启动项目

  1. 待依赖安装成功后,运行 npm run serve运行项目

    example7.png