# utils **Repository Path**: breadDuck/utils ## Basic Information - **Project Name**: utils - **Description**: 把php和前端(vue)的常用插件进行总结,展示 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-05-20 - **Last Updated**: 2021-08-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # utils #### 介绍 把php和前端(vue)的常用插件进行总结,展示 #### 测试网址 http://www.bb-duck.cn/vue/utils #### 安装教程 1. 前端使用的vue-cli 2.X版本 vue框架,webpack项目 2. 后端使用的ThinkPHP5.1框架,建议使用apache+php环境 3. 需要修改utils-vue/src/assets/set.js 把baseUrl改为thinkphp框架运行的地址 4. 需要修改utils-thinkphp/index.php 跨域问题,header('Access-Control-Allow-Origin:http://xxxxxx.com');改为前端代码所在服务器域名 5. 最好把utils-thinkphp下的public和runtime文件夹及其所有子文件夹权限全部改为777以方便框架读写东西 6. (百度富文本编辑器)如果前端index.html文件没放置在网站域名访问的根路径,那需要打包完成后在js文件里搜索UEDITOR_HOME_URL:t.env.BASE_URL?t.env.BASE_URL+"UEditor/":"/static/UEditor/" 后者的"/static/UEditor/"加上你的相对路径,例如放在根目录的vue文件夹下,后者就改为"/vue/static/UEditor/",在同一js文件内搜索"controller.php",会出现serverUrl:"/XXXX/static/UEditor/php/controller.php",同理在XXXX处填入你的相对路径(如果前端文件夹没有放置在php环境下,则富文本编辑器无法传图片)(编辑器上传图片会在网站根目录创建一个ueditor文件夹,故要么把根目录权限也改为777要么提前创建好文件夹并给出权限777) 7. 如想提升vue引入包的速度,则vue打包前,需把index.html里的所有注释的script和link标签取消注释(从https://cdn.bootcdn.net快速引用包),并把utils-vue/build/webpack.base.conf.js里面的module.exports下的externals取消注释,把utils-vue/src/main.js里的import 'view-design/dist/styles/iview.css'注释掉 #### 使用说明 1. xxxx 2. xxxx