django接入vue

django接入vue

• build运行vue

  npm run build
  

• 这是你的vue项目里就会有个dist文件夹
  

• 把index.html放在Django的template下, 其它文件放在static
  

• 配置settings
  

• 修改index.html需要的js路径
  

• 写入url

  # 最简单的通用类视图。一般在仅仅渲染一个模板时派上用场。可直接在URLconf中使用as_view()方法
  from django.views.generic import TemplateView
  
  urlpatterns = [
      url(r"^index/", TemplateView.as_view(template_name="index.html"), name="index"),
  ]
  

• 这是就可以访问django服务器来运行vue, 不在需要node.js的8080端口来访问vue