django + vue整合后，部署到windows apache遇到的问题汇总

花了一周多时间，从0到1，创建了 django + elementUI接口自动化平台。
vue 数据绑定模式，能减少很多前端工作，（前端目前难看的很呐）

web接口自动化，基于 python + request + excel模式的升级维护，结合企业微信、邮件、echarts报告展示，定时器BackgroundScheduler（而不是用windows任务计划+bat 单机模式），定时任务输出结果。归于web，多人维护后，相信对将来工作有帮助。。。起码也是写过django接口框架的人了。。

图片.png

部署花了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"

# 这里后面要双引号
  
    Options Indexes FollowSymLinks
    AllowOverride  All
    Order allow,deny
    Allow from all