diff --git a/src/assets/style/user.scss b/src/assets/style/user.scss
new file mode 100644
index 0000000..08971e5
--- /dev/null
+++ b/src/assets/style/user.scss
@@ -0,0 +1,41 @@
+.el-container {
+  height: 100%;
+  .el-main {
+    height: calc(100% - 80px);
+    background-color: #00102b;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+
+    .form-box {
+      position: relative;
+      bottom: 80px;
+
+      ::v-deep .el-radio__inner {
+        border-radius: 0;
+      }
+
+      .el-button {
+        width: 100%;
+      }
+
+      .el-form {
+        width: 600px;
+        padding: 50px;
+        background-color: #fff;
+
+        .el-form-item {
+          padding: 10px 0;
+
+          ::v-deep .el-input__inner {
+            border: none;
+            border-radius: 0px;
+            border-bottom: 1px solid #707070;
+            font-family: "SR";
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 1d34759..59454d8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -18,7 +18,16 @@ const router = new Router({
       requireAuth: false
     },
     component: () => import("view/home/index")
-  }
+  }, {
+    path: '/login',
+    name: 'login',
+    component: () => import("view/user/login")
+  },
+  {
+    path: '/register',
+    name: 'register',
+    component: () => import("view/user/register")
+  },
   ],
   mode: 'history',
 })
diff --git a/src/view/user/login.vue b/src/view/user/login.vue
new file mode 100644
index 0000000..ebffdd2
--- /dev/null
+++ b/src/view/user/login.vue
@@ -0,0 +1,44 @@
+<template>
+  <el-container>
+    <el-main style="background:#A3AAB1">
+      <div class="form-box">
+        <h2 style="color: #fff">LOGIN</h2>
+        <el-form ref="form" :model="form" style="width:500px">
+          <el-form-item>
+            <el-input placeholder="NAME"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-input placeholder="PASSWORD"></el-input>
+          </el-form-item>
+
+          <el-form-item>
+            <el-radio label="1">同意上述条例和协议</el-radio>
+          </el-form-item>
+          <el-row style="margin-top: 20px">
+            <el-col :span="11"
+              ><el-button size="large" type="info">SIGN IN</el-button></el-col
+            >
+            <el-col :span="11" :offset="2"
+              ><el-button size="large" type="info">LOGIN</el-button></el-col
+            >
+          </el-row>
+        </el-form>
+      </div>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+
+export default {
+
+  data() {
+    return {
+      form: {},
+    };
+  },
+};
+</script>
+<style lang='scss' scoped>
+@import "assets/style/user.scss";
+</style> 
\ No newline at end of file
diff --git a/src/view/user/register.vue b/src/view/user/register.vue
new file mode 100644
index 0000000..1372e88
--- /dev/null
+++ b/src/view/user/register.vue
@@ -0,0 +1,73 @@
+<template>
+  <el-container>
+    <el-main>
+      <div class="form-box">
+        <h2 style="color: #fff">REGISTER</h2>
+        <el-form ref="form" :model="form">
+          <el-form-item>
+            <el-input placeholder="NAME"></el-input>
+          </el-form-item>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item>
+                <el-input placeholder="PASSWORD"></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="11" :offset="2">
+              <el-form-item>
+                <el-input
+                  placeholder="CONFIRM PASSWORD"
+                ></el-input> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item>
+                <el-input placeholder="COMPANY"></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="11" :offset="2">
+              <el-form-item>
+                <el-input placeholder="JOB TITLE"></el-input> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item>
+                <el-input placeholder="EMAIL"></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="11" :offset="2">
+              <el-form-item>
+                <el-input placeholder="PHONE"></el-input> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-row>
+            <el-radio label="1">同意上述条例和协议</el-radio>
+          </el-row>
+          <el-row style="margin-top:20px">
+            <el-col :span="11"
+              ><el-button size="large" type="info">SIGN IN</el-button></el-col
+            >
+            <el-col :span="11" :offset="2"
+              ><el-button size="large" type="info">LOGIN</el-button></el-col
+            >
+          </el-row>
+        </el-form>
+      </div>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      form: {},
+    };
+  },
+};
+</script>
+<style lang='scss' scoped>
+@import "assets/style/user.scss";
+</style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index b65faaf..5a737f4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -25,6 +25,7 @@ module.exports = {
     },
   },
   devServer: {
+    disableHostCheck:true,
     open: false,//open 在devServer启动且第一次构建完成时，自动用我们的系统的默认浏览器去打开要开发的网页
     host: 'localhost',//默认是 localhost。如果你希望服务器外部可访问，指定如下 host: '0.0.0.0'，设置之后之后可以访问ip地址
     port: 8081,
@@ -33,7 +34,7 @@ module.exports = {
     hotOnly: false,// hot 和 hotOnly 的区别是在某些模块不支持热更新的情况下，前者会自动刷新页面，后者不会刷新页面，而是在控制台输出热更新失败
     proxy: {
       '/api': {
-        target: 'http://116.63.130.34:30000/', //目标接口域名
+        target: 'http://o339q23220.goho.co/', //目标接口域名
         secure: false, //false为http访问，true为https访问
         changeOrigin: true, //是否跨域
         pathRewrite: {