angular迁移到django

此文主要思路是参考angular官网的流程

然后只是描述了发布到django的一些细节

先在angular的目录进行打包命令

ng build --prod

就像官网说的那样部署

官网对应地址

https://angular.cn/guide/deployment

然后复制dist中自己文件目录,假设目录名字叫做angular-test,那么dist目录里就会有一个叫做angular-test的文件夹

扫描二维码关注公众号,回复: 5751810 查看本文章

把这个文件夹里index.html复制到自己模板文件目录下,把其他文件复制到自己静态资源目录下

然后修改资源加载的路径,让路径正确指向自己的资源文件

然后设置index.html里的<base href="/">

把这个路由根地址,设置成自己的django设置的路由地址,比如你的django里是通过http://127.0.0.1:8000/polls/test访问的

那么这里就应该写成<base href="/polls/test">

不然会有一行报错,并且一些关于路由改变的功能也无法使用

另外一个目标就是把官网中

这一段设置成符合django的设置

在自己的urls.py中

增加import re_path;

大概如下

from django.urls import path,re_path

然后在

re_path(r'^ang/.*', views.ang, name='ang'),

这一段的意思是使用正则表达式解析第一段的字符串【如果使用path是不能解析正则的】,然后其余写法都和path一样。正则的意思是,匹配以ang/开头的url到ang目录【这个也会默认匹配到ang的(没有斜杆的ang也会匹配到)】

因此这一段你们需要修改成自己的路径

比如自己的路由是test,那么这里改成r'^test/.*'

到了这一步,我的应用已经可以无报错的运行了。

猜你喜欢

转载自blog.csdn.net/ever_evil/article/details/88974002
今日推荐