vue项目doesn't work properly without JavaScript enabled

Question

游览器没有禁止使用js，项目代码也是刚创建没修改过的
为什么会出现这个提示，要怎么修改才能没有这个提示

Answer 1

开发工具里的 preview 是不能运行 js 的，要看原始结果就看 response 这个 tab。
preview 只能显示最原始样式的元素，不包含 js 和 css 的效果。

Answer 2

.....你看的那个是html文本的response预览解析和浏览器真正执行是两码事情。看你截图浏览器已经执行显示vue初始化界面了说明javascript有执行的。response预览只会解析html所以你才看到提示语

Answer 3

我将vue项目部署到docker的nginx容器中碰到上述问题，在此将处理方法记录下来。
方法一、
你可以打开dist文件夹中index.html,查看<link href=。。。>,看看css和js文件夹是不是放置在某一个文件夹里面，比如“testvue”，如果是的话，那么应该回到你的vue项目，打开vue.config.js文件，这里publicPath的设置应该是：

publicPath: process.env.NODE_ENV === 'production' ? '/testvue/' : '/',

重新build vue项目，然后在dist目录中创建testvue文件夹，将dist目录中除了index.html文件外的所有文件夹和文件拷贝到testvue文件夹中。如果build后，能够在dist目录中自动生成testvue文件夹，则不需要上述操作。
方法二、
如果打开index.html，查看<link href=。。。>，css和js文件夹并没有放置在某一个文件夹里面，则打开vue.config.js文件，这里publicPath的设置应该是：

publicPath: '/',

重新build vue项目。

部署到docker nginx容器中可以正常访问。