You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.2 KiB
33 lines
1.2 KiB
5 years ago
|
# SOP Admin 前端vue实现
|
||
|
|
||
|
前提:先安装好npm,[npm安装教程](https://blog.csdn.net/zhangwenwu2/article/details/52778521)
|
||
|
|
||
|
1. 启动服务端程序,运行`SopAdminServerApplication.java`
|
||
|
2. `cd sop-admin-vue`
|
||
|
3. 执行`npm install --registry=https://registry.npm.taobao.org`
|
||
|
4. 执行`npm run dev`,访问`http://localhost:9528/`,用户名密码:`admin/123456`
|
||
|
|
||
|
```
|
||
|
# 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
|
||
|
npm install --registry=https://registry.npm.taobao.org
|
||
|
|
||
|
# 开发调试 localhost:9528
|
||
|
npm run dev
|
||
|
|
||
|
# 打包发布
|
||
|
npm run build
|
||
|
|
||
|
# Build for production and view the bundle analyzer report
|
||
|
npm run build --report
|
||
|
```
|
||
|
|
||
|
- 修改端口号:打开`vue.config.js`,找到`port`属性
|
||
|
|
||
|
## 打包放入到服务端步骤
|
||
|
|
||
|
如果想要把vue打包放到服务端,步骤如下:
|
||
|
|
||
|
- 打开`vue.config.js`,找到`build`下的`assetsPublicPath`参数,设置成'./'
|
||
|
- 打开`.env.production`,配置`VUE_APP_BASE_API`参数,设置成'/api'
|
||
|
- 执行`npm run build`进行打包,结果在dest下
|
||
|
- 打包完成后,把dest中的所有文件,放到`sop-admin-server/src/main/resources/public`下
|