搭建vue+django+mysql5.5 安装以及踩坑记录

天下无难事，只怕有心人。我真是日了gou了，为什么会有那么多的那么多的坑！！！！

1.vue创建

在这里插入代码片vue创建还算是比较顺利的 这里随便粘一个链接https://blog.csdn.net/wulala_hei/article/details/80488674

当然还有他的打包插件 webpack 这里也不过多的赘述了。

当然你还需要一个比较好看的UI框架，这里推荐一下element，比较来比较去适合vue的框架它还是很不错的。这里踩到了几个坑，所以还需要注意下。
沾个链接https://blog.csdn.net/adam19777/article/details/79283675

2.django创建

这搭建这个框架简直就是毫无人性化的。

首先安装django ： pip install django==2.0 #这里做下标记，这简直就是万丈深渊

不一会就安装好了

下面创建django项目：django-admin startproject firstDjango
这个最好跟vue创建项目目录在同一级目录

创建好的结构：
.
├── manage.py
└── firstDjango
├── init.py
├── settings.py
├── urls.py
└── wsgi.py

创建app：
cd firstdjango #在django项目内创建
python manage.py startapp backend

结构：
.
├── backend
│ ├── init.py
│ ├── admin.py
│ ├── migrations
│ │ └── init.py
│ ├── models.py
│ ├── tests.py
│ └── views.py
├── manage.py
└── firstdjango
├── init.py
├── settings.py
├── urls.py
└── wsgi.py

ok这里还没有什么难的 ，下面我们来连接数据库

3.连接数据库mysql

这里我用的是阿里云服务器端 安装的mysql5.5，正是因为安装的是mysql5.5所以踩了一个很大的坑。这个我们等会说，继续我们的搭建。

这里我们需要修改一些配置文件，来让其可以连接数据库，以及连接前端vue。

首先是 firstdango/settings.py文件

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',#默认不是这个，需要修改
        'NAME': '',#数据库名称
        'USER': '',#登陆用户名
        'PASSWORD': '',#登陆密码
        'HOST': '',#服务器地址，本地的话就是127.0.0.1或者localhost
        'PORT': '',#数据库端口
        'client_encoding':'UTF8',
    }
}

还有这里：

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]#这里偷懒一下，忘记改的什么内容了，不过这里的顺序不能变

然后我们顺便插上vue的配置：
vue需要提前打包好，在vue项目文件里面运行 npm run build

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['../......../dist'],#index文件地址，vue项目中dist，这里自己填一下
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
#下面是加上的
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'../....../dist/static')#这里也一样
]
STATIC_URL = '/static/'   #后面加一句

下面在打开我们的urls.py文件

from django.contrib import admin
from django.conf.urls import url
from django.views.generic.base import TemplateView

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'',TemplateView.as_view(template_name="index.html")),
]#这里可以直接复制粘贴

下面我们来说一下我们之前做的标记，为什么要指定==2.0，因为他们在2.1之后就不支持mysql5.5了！！！！

如果你装了2.1 那么他会一直报错
django.db.migrations.exceptions.MigrationSchemaMissing: Unable to create the django_migrations table ((1064, “You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘(6) NOT NULL)’ at line 1”))

那么恭喜你 要不就升级你的mysql或者卸载django然后重新安装。

---

来自：http://722first.club