windows下简单部署django+vue

windows下简单部署django+vue

使用场景:
	1. 自己公司内部用,没准备linux时候。

	2. 不用nginx,不用uwsgi,不用node部署vue
'''
	思路:
		vue代码打包后,生成html、css、js文件,  css、js等把他搞到django的static目录下,index.html搞到template目录下,之后访问任意路由先做api和static匹配,最后没有选择了直接返回index.html即可
'''

1.vue.config.js增加配置,将静态资源生成到static目录中

注意:由于vue打包默认是不加层级的,而django会加static层级所以为了兼容,打开index.html能访问到静态资源,才这样配置的

效果:

2.把dist,static下的静态文件复制到django项目的static目录下,index.html放到templates中

3.django settings.py

STATIC_URL = '/static/'
STATICFILES_DIRS=[os.path.join(BASE_DIR,'static')]

4.django路由配置

注意:1. 是re_path,空就表示匹配全部路由 2. 由于是匹配全部路由,那么需要放在最下面,因为django是顺序匹配

视图:

以上配置完毕就可以正常访问了

posted @ 2022-11-24 16:21  春游去动物园  阅读(518)  评论(0)    收藏  举报