花了一周多时间,从0到1,创建了 django + elementUI接口自动化平台。
vue 数据绑定模式,能减少很多前端工作,(前端目前难看的很呐)
web接口自动化,基于 python + request + excel模式的升级维护,结合企业微信、邮件、echarts报告展示,定时器BackgroundScheduler(而不是用windows任务计划+bat 单机模式),定时任务输出结果。归于web,多人维护后,相信对将来工作有帮助。。。起码也是写过django接口框架的人了。。
部署花了3天时间,才搞定。哀愁
遇到问题:
1、apache分别部署后台端django,前端vue。结果配置虚拟主机不太熟,瞎搞一通后,还是只能访问django的路由设定,走不到前端vue,放弃
2、然后把两个整个在一起
3、整合后,django 启动后,vue刷新当前页面404,这个vue router/index.js,去掉mode: 'history'
export default new Router({
// 这个鬼东西为了页面好看,但是刷新页面404,通用vue问题,解决起来要nginx什么的,麻烦,所以不要这个模式
// mode: 'history', //去掉url中的#
...})
2、为了解决第1个问题,修改了很多没用的东西
vue,config/index.js,build方法,
说要改为ssetsPublicPath: './' -----》结果不需要,原样
ssetsPublicPath: '/',
3、vue npm run build,提示css块不完整,打包失败
vue项目下,build/webpack.prod.conf.js,注释模块解决。
// new OptimizeCSSPlugin({
// cssProcessorOptions: config.build.productionSourceMap
// ? { safe: true, map: { inline: false } }
// : { safe: true }
// }),
4、整合django,vue,django项目中,settings修改。
4.1 修改TEMPLATES,指向vue打包的dist目录(把vue打包的这个dist目录丢到django)
4.1 添加STATICFILES_DIRS
# 下面配置vue 打包项目的static 地址
STATICFILES_DIRS = (
# 之前BASE_DIR 写多了一个,路径错误
os.path.join(BASE_DIR, "dist/static"),
)
5、在本地跑没有问题,部署到apache,vue,staitc静态资源无法访问
参考如下,给静态资源访问权限,并且路径是双引号,解决
https://www.cnblogs.com/CodeMuscle/p/12923045.html
# 这里后面要双引号
Alias /static "C:\\djangoo\\dist\\static"
# 这里后面要双引号
<Directory "C:\\djangoo\\dist\\static">
Options Indexes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
</Directory>